Form Controls
Text inputs, selects, toggles, sliders, comboboxes, inline editing, and file upload — every control keyed off the density tokens and styled for light + dark theme.
Input
Leading icon, helper text, and error states.
Matches query text, not metadata.
This field is required.
<Input label="Work email" leading={<Mail />} />Textarea
Same label / helper / error pattern as Input.
Visible only to your team.
Select
Radix-based select, styled trigger + content.
Switch
With label and description text.
Get a daily digest of your API usage.
Only for incidents affecting your search quota.
Coming soon.
Checkbox
Checked, unchecked, and indeterminate states.
Indeterminate until every key in the list is checked.
Uses more of your monthly quota.
Deprecated for new accounts.
Slider
Accent-colored track and thumb, current value shown above.
Combobox
Searchable against real people from lib/seed. Try typing "zzz" to see the empty state.
Inline edit
Click to edit in place. Enter commits, Escape cancels.
Title variant
Body variant
File dropzone
Drag and drop, or click to browse. Files over the size limit are rejected with an inline error — try dropping/selecting a file larger than 1 MB below.
Drag and drop files here, or browse
Max 1 MB per file
- octen-usage-report.csv470.7 KB