Forms

283 components

forms0
Chakra UI Rich Text Editor
A full Tiptap rich text editor built from the Chakra UI composition: toolbar controls for text style, font, formatting, headings, lists, links, alignment, colour and highlight, with @mention and #tag menus.
Chakra UIchakra-uiformsinteractiveMIT
forms0
Chakra UI Rating
A half-star capable rating group with a label, hidden input and a live summary.
Chakra UIchakra-uiformskeyboardMIT
forms0
Chakra UI Radiomark
A delivery speed picker where the decorative Radiomark mirrors visually hidden native radios.
Chakra UIchakra-uiformsinteractiveMIT
forms0
Chakra UI Radio group
Controlled one-plan radio group with disabled Enterprise.
Chakra UIchakra-uiinteractiveradioMIT
forms0
Chakra UI Radio Card
Delivery speed radio cards with labels, descriptions and a disabled option.
Chakra UIchakra-uiformsinteractiveMIT
forms0
Chakra UI Pin Input
A six-digit one-time code field with numeric-only entry, paste support, completion check and clear action.
Chakra UIchakra-uiformkeyboardMIT
forms0
Chakra UI Password Input
A new-password field built from the Chakra UI Password Input composition, with a visibility toggle and a four-step strength meter.
Chakra UIchakra-uiformsinteractiveMIT
forms0
Chakra UI Number Input
A labelled ticket quantity with stepper triggers, limits and a live total.
Chakra UIchakra-uiformsinteractiveMIT
forms0
Chakra UI NativeSelect
Controlled plan selection with a disabled option, keyboard navigation and local status.
Chakra UIchakra-uiinteractivenative-selectMIT
forms0
Chakra UI Listbox
A multi-select Listbox of notification channels with checked indicators.
Chakra UIchakra-uiformsinteractiveMIT
forms0
Chakra UI Input
Controlled local email validation and focus recovery.
Chakra UIchakra-uiinputinteractiveMIT
forms0
Chakra UI File Upload
An attachments field with a drop zone, a file trigger and a removable file list; nothing is uploaded.
Chakra UIchakra-uifile-uploadformsMIT
forms0
Chakra UI Fieldset
An address fieldset with legend, helper text and a disabled state for pickup.
Chakra UIchakra-uifieldsetformsMIT
forms0
Chakra UI Field
A required email field with helper text, a required indicator and an error state.
Chakra UIchakra-uifieldformsMIT
forms0
Chakra UI Editable
Inline editable project name with edit, save and cancel controls and Escape to revert.
Chakra UIchakra-uieditableformMIT
forms0
Chakra UI Date Picker
An inline Chakra UI date picker for booking a launch review, with month navigation and a disabled weekend rule.
Chakra UIchakra-uidate-pickerformsMIT
forms0
Chakra UI Date Input
A contract start date typed segment by segment with Chakra Date Input.
Chakra UIchakra-uidate-inputformsMIT
forms0
Chakra UI Combobox
A city search built from Combobox that filters a fixed local list as you type.
Chakra UIchakra-uicomboboxformsMIT
forms0
Chakra UI Color Picker
A brand colour picker with a saturation area, hue slider, hex input and preset swatches.
Chakra UIchakra-uicolor-pickerformsMIT
forms0
Chakra UI Clipboard
An API key field with a copy trigger and copied indicator; copies stay local.
Chakra UIchakra-uiclipboardformsMIT
forms0
Chakra UI Checkmark
A custom task row that uses the Chakra Checkmark indicator on a native checkbox.
Chakra UIchakra-uicheckmarkformsMIT
forms0
Chakra UI Checkbox Card
Add-on checkbox cards with labels and descriptions that update a monthly total.
Chakra UIchakra-uicheckbox-cardformsMIT
forms0
Chakra UI Checkbox
A controlled email preference built with Chakra UI Checkbox, with accessible labelling and an announced state.
Chakra UIchakra-uicheckboxformMIT
forms0
Base UI Switch
Privacy settings switches with a disabled, always-on option and a live summary.
Base UIbase-uiformsinteractiveMIT