Skip to content

Inputs web components

Compare the documented interaction and API before selecting a component.

  • Advanced Filter (Pro)

    An advanced filter component with expression input and visual builder.

  • Button

    A clickable button component with multiple variants and states.

  • Button Group

    A button group component with shared styling and optional selection.

  • Checkbox

    A checkbox component with label, hint, and validation.

  • Checkbox Group

    A checkbox group component with shared label and validation.

  • Color Area

    A two-dimensional color picker component for saturation and brightness.

  • Color Picker

    A color picker component with swatches, sliders, and input field.

  • Color Slider

    A color slider component for adjusting individual color channels.

  • Color Swatch

    A color swatch component for palettes, presets, and recent colors.

  • Color Swatch Picker

    A color swatch picker component with preset or custom palettes.

  • Combobox

    A combobox component with search, single or multi select, and validation.

  • Counter

    A counter component for numeric input with label, hint, and validation.

  • Date Picker (Pro)

    A date picker component with field input and optional calendar panel.

  • File Picker (Pro)

    A file picker component with drag-and-drop and validation.

  • Form

    A form component for validation, FormData, and submit coordination.

  • Input

    A text field component with label, hint, and validation.

  • Otp

    An OTP input component with segmented fields, paste support, and validation.

  • Radio Group

    A radio group component with shared label and validation.

  • Range

    A range slider component for choosing a min-max interval with validation.

  • Serial

    A serial input component for license keys with group separators.

  • Slider

    A slider component for choosing a numeric value with label and validation.

  • Switch

    A toggle switch component with label, hint, and validation.

  • Text Editor (Pro)

    A rich text editor component with formatting toolbar and fonts.

Start with Velkin UI · Connect your AI editor · Compare MIT and Pro