⌨️Inputs

Input components allow users to enter and modify data. Valence provides a comprehensive set of input components for various data types and use cases.

Available inputs

Text inputs

• Text Input - Single-line text input

• Text Area - Multi-line text input

• Number Input - Numeric input with increment/decrement controls

Selection inputs

• Select Input - Dropdown selection input

• Pill Selector - Multi-select using pill buttons

• Segmented Control - Single-select between a small set of options

Range inputs

• Slider - Single value slider

• Range Slider - Dual-handle range slider

Toggle inputs

• Switch - Boolean toggle switch

Specialized inputs

• Color Picker - Color selection input

Containers

• Input Container - Wrapper for input styling

• Dropdown Container - Container for dropdown menus

Shared features

All inputs share common props inherited from GenericInputProps, including:

• value and setValue - Controlled input state

• size, radius, variant - Styling options

• disabled, readOnly, required - State modifiers

• loading - Loading state indicator