This component documentation is currently being developed. Some features may be incomplete.
Input
Browse 33 Input components.
Explore the Input components.
Form Label
Labels provide text descriptions for form inputs, ensuring users understand the purpose of each …
Email Input
A specialized text input field designed specifically for email addresses.
Invalid Text Input
A text input that indicates validation errors or invalid input.
Password Input
A specialized text input field designed for secure password entry.
Phone Input
A specialized text input field designed specifically for telephone numbers.
Text Input
The standard text input field used for single-line text entry in forms.
Text Input with Prefix
A text input field with a prefix element attached at the beginning of the input.
URL Input
A specialized text input field designed specifically for web addresses.
Text Input with Suffix
A text input field with a suffix element attached at the end of the input.
Number Input
A specialized input field for numeric data that includes increment and decrement controls.
Textarea Input
A multi-line text input field for longer text entries.
Input with Prefix and Suffix
A text input field with both prefix and suffix elements attached.
Date and Time Input
A specialized input field for selecting both a date and time in a single control.
Date Input
A specialized input field for selecting dates using a calendar interface.
Month Input
A specialized date input field for selecting a specific month and year.
Week Input
A specialized date input field for selecting a specific week of the year.
Time Input
A specialized input field for selecting time values.
File Input
An input component that allows users to upload files from their device.
Color Input
A specialized input field for selecting color values.
Checkbox
Checkboxes allow users to select one or more items from a set of options.
Radio Button
Radio buttons allow users to select a single option from a set of mutually exclusive choices.
Select
The select component provides a dropdown menu for selecting a single option from a list.
Custom Select Dropdown
An enhanced dropdown component that provides a more customizable alternative to the native select …
Grouped Select Dropdown
An enhanced dropdown component with options organized into logical groups.
Person Select Dropdown
A specialized dropdown component designed specifically for selecting people, featuring avatars and …
Toggle Switch
A toggle switch is a visual control that allows users to switch between two states: on and off.
Search Box
A specialized text input designed specifically for search functionality.
Select Grouped
A custom select component with grouped options, providing an enhanced dropdown experience with …
Input Readonly Showcase
Input Input Readonly Showcase Atoms
Validation Message
An accessible validation feedback component that displays error messages, success notifications, and …
Input Description
A helper text component that provides additional context, instructions, or explanations for form …
Legend
A semantic HTML legend element that provides accessible labeling for fieldset groups. Serves as the …
Radio Button disabled
**Main Component**\ @n8d/htwoo-core/components/forms