Skip to main content
Home Projects
  • Open Source
  • Blog
Design Resume Files
Getting started IntroductionInstallation
Foundations ColorTypographySpacing & shapeMotion
Components Overview Primitives ButtonBadgeBadgeGroupControlGroupLinkExternalButtonExternalLinkNamedValueScrollAreaCodeBlockInlineCodePropsTableColorScalesAccordionCollapsibleDialogTooltipForms InputInputGroupTextareaSelectLabeledFieldLabeledFieldGridDateLabeledFieldChrome BreadcrumbPageActionsPageShareScrollControlsSectionBackLinkSectionErrorFallbackSidebarWidgets AnimatedCharFlipSpotifyIconSpotifyNowPlayingCurrentTimeDynamicIslandBrowserMockMobileMockFilters FilterPanelFilterChipGroupFilterSortRowFilterEmptyState
Brand Brand & press
  1. Components
  2. Forms

Forms

Fields, selects, and labeled values for settings and filters.

Input Text field with the site's field surface and an optional spring caret.InputGroup Field wrapper that reserves room for leading and trailing adornments, such as a search icon or a clear button.Textarea Multiline field with a spring caret and its own themed scroll area.Select Listbox select with field and flush trigger variants.LabeledField Field label and value pair; can span two grid columns.LabeledFieldGrid Two-column grid for stacking labeled fields.DateLabeledField Labeled field that formats a date, relative time, or a custom pattern.
Previous: Tooltip Square hover and focus hint in the default button surface, with an optional arrow. Next: Input Text field with the site's field surface and an optional spring caret.

Milan de Kruijf

Chamber of Commerce no. 89191129

Branch no. 000054997488

LinkedIn X Email GitHub Discord Spotify
Privacy RSS Sitemap
0
6
:
0
4
:
3
2
 
PM
Amsterdam, NH Sunny, 18°C
Nothing playing right now