Input Controls

Input controls allow users to interact with and provide data to applications. These components facilitate user actions, selections, and data entry across digital interfaces.

Button

Also known as: Push Button, Action Button, Command Button

A clickable UI element that triggers an action when activated. Serves as a primary interaction point for user input.

inputinteractivecontrol

Slider

Also known as: Range Input, Range Slider, Track Bar

An interactive control allowing users to select a value or range by dragging a handle along a track.

inputrangeselectionnumericcontrol

Date Picker

Also known as: Calendar Picker, Date Selector, Calendar Input

A specialized input control that allows users to select a date from a calendar interface.

inputdatecalendarselectiontime

Text Input

Also known as: Input Field, Text Field, Text Box

A field that allows users to enter and edit text. Can be single-line or multi-line (textarea).

inputformtextdata-entry

Quantity Stepper

Also known as: Number Input, Quantity Selector, Counter Input, Increment Decrement Control, Stepper

A quantity input control that allows users to increment or decrement a value with plus and minus buttons.

inputformnumericcounterquantity

Dropdown Select

Also known as: Select Box, Combo Box, Drop-down

A form control that presents a menu of options when clicked. Allows users to make a single selection from multiple choices.

inputformselectionoptions

Toggle Switch

Also known as: Switch, Slider Toggle

A visual control that allows users to toggle between two states, typically on/off, with a sliding action.

inputformtogglebinaryon-off

Color Picker

Also known as: Color Selector, Color Chooser, Color Palette

A specialized input control allowing users to select a color value visually. Provides various interfaces for color selection including sliders, swatches, and hex input.

inputformcolorselectioncustomization

File Upload

Also known as: File Dropzone, File Picker, Attachment Input

A component for selecting and uploading files, supporting both button-based selection and drag-and-drop functionality.

inputformuploadfilesdrag-and-drop

Search Field

Also known as: Search Bar, Search Box, Search Input, Query Input

A specialized input component designed for search functionality, featuring a search icon, clear button, and optimized for search interactions.

inputformsearchfilterquery

Rating

Also known as: Star Rating, Review Stars, Rate Input, Feedback Stars

An interactive component that allows users to provide a rating on a numeric scale, often visualized as stars, hearts, or other symbols.

inputfeedbackevaluationstarsreview