Inputs
22 components
Buttons and form controls. Value callbacks receive the value, not the event.
Button
Variants: default, secondary, flat, success, danger, warning. Pass tooltip for a styled tooltip instead of …
ButtonGroup
Joins Buttons into one bar with shared borders. Mark the active one with a different variant, or use aria-p…
ButtonLink
A link styled like Button, with the same variants. disabled sets aria-disabled and blocks navigation. linkC…
Checkbox
onChange receives the new boolean. indeterminate shows the mixed state.
Field
Labelled input. Props: label, value, onChange (receives the value string), placeholder, error, type,
autoCo…
FileUpload
Drop zone and picker; onChange receives an array of Files. Props: accept, multiple, disabled, label.
FloatingActionButton
The main action of a screen: a raised button (square like the rest of the library, or round with shape="cir…
Input
Unlabeled text input; use Field when you need a label and error text. onChange receives the value string, a…
MultiSelect
Select for several values. value is an array and onChange receives the new array; chosen options show as ch…
NumberField
A number input with minus and plus buttons. onChange receives a number (or null when the field is emptied),…
PasswordInput
Labelled password field with a show / hide toggle. onChange receives the value string. autoComplete default…
PasswordStrengthInfo
A strength meter with a checklist of rules. Pass the current password. The built-in rules are length (minLe…
Radio
Radio is the single control; RadioGroup manages a set and calls onChange with the chosen value.
Rating
A star rating from 0 to max (5 by default). Click a star to set it, click the same one again to clear it. p…
RichTextEditor
Beta. This component is new and still being tested: expect rough edges, and its props and the HTML it produ…
SearchSelect
Select with a search box that filters the options as you type. Pass filter to customise matching, or onSear…
Select
Themed select with a listbox panel that is never clipped by its container. options: [{ value, label, disabl…
Slider
min, max, step and showValue; onChange receives a number. orientation="vertical" stands it upright (length …
Switch
On/off toggle with role="switch"; onChange receives the new boolean. Add showState to print | or 0 inside t…
TextArea
Labelled multi-line input. onChange receives the value string. Set maxLength for a live character count, er…
ToggleButton
ToggleButton is a button that stays pressed (aria-pressed), shown as a filled button. On its own, use selec…
TransferList
Two lists with checkboxes and buttons to move items between them: pick what to include, which permissions t…