Forms
Collect, validate, and arrange user input with form controls and field layouts.
Pages
Checkbox
Checkboxes allow users to select one or more items from a group of options.
CheckboxGroup
The CheckboxGroup component is used for displaying a list of related options, in the form of Checkbox inputs, where multiple choices may be selected.
ColorPicker
An HEX value color picker.
Combobox
A text input with a dropdown list of options.
DatePicker
An input component that allows selecting a date from a popup calendar.
FileField
FileField lets people choose files from their device, either through a button or a drag-and-drop area.
Form
A component to handle submitting forms.
JsonField
A textarea component for JSON input
NumberField
A numeric input field with increment/decrement controls, value clamping, and keyboard support.
OptionCard
OptionCards present the functionality of a radio or checkbox in a more visually prominent card format with an increased click area.
OptionCardGroup
A wrapper for OptionCard components.
Radio
The Radio form control allows for selection of one option from a group.
RadioGroup
The RadioGroup component is used for displaying a list of related options, in the form of Radio inputs, where only one choice can be selected.
Search
The PlumaSearch component builds upon the TextField component, providing additional functionality tailored for search use cases.
SegmentedControl
Toggle from a set of two or more options. SegmentedControl is essentially a styled wrapper around a group of radio inputs.
Select
Selecting a value from a dropdown list of options.
SelectPalette
The dropdown surface a Select renders, with an optional header, categories rail, detail pane and footer.
Slider
Choose a number value within a range.
TextArea
A textarea component for user input.
TextField
A styled text input field.
Toggle
The Toggle component renders a switch to toggle between enabled or disabled states.