Forms
283 components
- Local note validation with blank/short/valid feedback. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Textarea
Local note validation with blank/short/valid feedback.
shadcn/uiinteractiveshadcn-uitextareaMIT - Privacy settings with labelled switches and a disabled, always-on option. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Switch
Privacy settings with labelled switches and a disabled, always-on option.
shadcn/uicompiled-cssformsinteractiveMIT - Search filters with two range sliders, for price and release year. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Slider
Search filters with two range sliders, for price and release year.
shadcn/uicompiled-cssformsinteractiveMIT - A time zone select with grouped options, labels and a separator. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Select
A time zone select with grouped options, labels and a separator.
shadcn/uicompiled-cssformsinteractiveMIT - A delivery speed choice with labelled radio items and a disabled option. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Radio Group
A delivery speed choice with labelled radio items and a disabled option.
shadcn/uicompiled-cssformsinteractiveMIT - A three-step evaluation brief built on the shadcn Questionnaire primitive, with letter shortcuts, a multi-select step, skip and a saved summary. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Questionnaire
A three-step evaluation brief built on the shadcn Questionnaire primitive, with letter shortcuts, a multi-select step, skip and a saved summary.
shadcn/uicompiled-cssformsinteractiveMIT - A native select for a billing region with grouped options and a disabled companion. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Native Select
A native select for a billing region with grouped options and a disabled companion.
shadcn/uicompiled-cssformsinteractiveMIT - Labels tied to a text field and a checkbox, including the disabled-peer style. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Label
Labels tied to a text field and a checkbox, including the disabled-peer style.
shadcn/uicompiled-cssformsinteractiveMIT - A six-digit verification code field built on input-otp, split into two groups with a separator. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Input OTP
A six-digit verification code field built on input-otp, split into two groups with a separator.
shadcn/uicompiled-cssformsinput-otpMIT - A URL field with a prefix and copy action, plus a comment box with a character count and send button. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Input Group
A URL field with a prefix and copy action, plus a comment box with a character count and send button.
shadcn/uicompiled-cssformsinput-groupMIT - Controlled local email validation and focus recovery. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Input
Controlled local email validation and focus recovery.
shadcn/uiinputinteractiveshadcn-uiMIT - A profile form built on React Hook Form, with field labels, a description and validation messages. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Form
A profile form built on React Hook Form, with field labels, a description and validation messages.
shadcn/uicompiled-cssformformsMIT - A payment form built from field sets, labels, descriptions, an error and a separator. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Field
A payment form built from field sets, labels, descriptions, an error and a separator.
shadcn/uicompiled-cssfieldformsMIT - A searchable framework picker built on Base UI Combobox, with filtering and an empty state. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Combobox
A searchable framework picker built on Base UI Combobox, with filtering and an empty state.
shadcn/uicomboboxcompiled-cssformsMIT - Controlled checkbox preference with disabled companion. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Checkbox
Controlled checkbox preference with disabled companion.
shadcn/uicheckboxinteractiveshadcn-uiMIT - An inline booking calendar built on React DayPicker, with weekends disabled and the chosen date in a status line. shadcn/ui, Forms, 0 votes, MIT licenceforms0
shadcn/ui Calendar
An inline booking calendar built on React DayPicker, with weekends disabled and the chosen date in a status line.
shadcn/uicalendarcompiled-cssformsMIT - A controlled email field with local validation, linked error feedback and focus recovery. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Form.Control
A controlled email field with local validation, linked error feedback and focus recovery.
React-Bootstrapemailformreact-bootstrapMIT - A controlled email preference built with React-Bootstrap Switch, with accessible labelling and an announced state. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Switch
A controlled email preference built with React-Bootstrap Switch, with accessible labelling and an announced state.
React-Bootstrapformpreferencesreact-bootstrapMIT - A controlled native plan selector with a disabled option and announced selection. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Form.Select
A controlled native plan selector with a disabled option and announced selection.
React-Bootstrapformreact-bootstrapselectMIT - A workspace address field with prefix and suffix text and an attached availability check. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Input Group
A workspace address field with prefix and suffix text and an attached availability check.
React-Bootstrapformsinput-groupinteractiveMIT - A username field whose Form.Text help is linked to the input and updates as you type. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Form Text
A username field whose Form.Text help is linked to the input and updates as you type.
React-Bootstrapform-textformsinteractiveMIT - A labelled reading-size range that resizes a live text preview. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Form Range
A labelled reading-size range that resizes a live text preview.
React-BootstrapformsinteractiverangeMIT - A contact form using Bootstrap validation feedback after the first submit. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Form
A contact form using Bootstrap validation feedback after the first submit.
React-BootstrapformformsinteractiveMIT - A sign-in form whose input and select labels float above the value. React-Bootstrap, Forms, 0 votes, MIT licenceforms0
React-Bootstrap Floating Label
A sign-in form whose input and select labels float above the value.
React-Bootstrapfloating-labelformsinteractiveMIT
