Inputs + form
12 components in this category
Fit
Per row
BriteInputShared
Text, textarea, and number inputs with the brand field treatment.component✓ stamped
@brite-nites/design-system/primitives/brite-input60%
BriteSliderShared
Range slider, margin slider, and segmented control selectors.component✓ stamped
@brite-nites/design-system/primitives/brite-sliderBriteSwitchShared
Toggle switch and labeled switch field.component✓ stamped
@brite-nites/design-system/primitives/brite-switchBriteLightSwitchShared
Purpose-built light/dark theme toggle — sun/moon thumb on the BriteSwitch dimensional system. Controlled; the consumer wires it to its own theme.component✓ stamped
@brite-nites/design-system/primitives/brite-light-switchPropertyFieldShared
Inline-editable record properties (date, tags, assignee).component✓ stamped
@brite-nites/design-system/primitives/property-fieldNew project
BriteFormDialogShared
Modal form dialog — dialog shell + react-hook-form fields.component✓ stamped
@brite-nites/design-system/primitives/brite-form-dialogBriteTextareaShared
Multi-line input matching BriteInput chrome; optional auto-grow, invalid state.component✓ stamped
@brite-nites/design-system/primitives/brite-textareaft
BriteNumberInputShared
Number input with click-or-scrub stepper arrows, suffix affix, sm/md/lg.component✓ stamped
@brite-nites/design-system/primitives/brite-number-inputBriteSegmentedControlShared
Pill segmented control — single or multi-select, primary/neutral variants.component✓ stamped
@brite-nites/design-system/primitives/brite-segmented-control$7.00 Per Unit
38%
0%45%100%
BriteMarginSliderShared
Margin slider with a target redline; fill turns brand-orange below target.component✓ stamped
@brite-nites/design-system/primitives/brite-margin-sliderJune 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
BriteCalendarShared
Single / range date picker with MM/DD/YY search bar and brand range-pill overlay.component✓ stamped
@brite-nites/design-system/primitives/brite-calendarAssigneeFieldShared
Person picker chip; single/multi select with the avatar in the icon slot.component✓ stamped
@brite-nites/design-system/primitives/assignee-field