Loading page
Component explorer
Go beyond appearance into anatomy, states, keyboard behavior, accessibility, responsive decisions, content, and system differences.
Initiates an action and communicates its priority, consequence, and current state.
02 · Data entryCollects short or long-form text while preserving a visible label, expectations, and recovery guidance.
03 · SelectionLets people choose zero, one, or several independent options from a set.
04 · SelectionChanges a persistent binary setting and usually applies that change immediately.
05 · NavigationSwitches between peer sections of content while keeping the surrounding context stable.
06 · OverlayPlaces a focused decision or short task above the current context and temporarily constrains interaction.
07 · Data displayOrganizes comparable data into rows and columns so people can scan, sort, select, and act.
08 · WayfindingHelps people understand where they are, what is available, and how to move without losing orientation.
09 · SelectionCombines text entry with a filtered list of suggested or allowed values.
010 · ActionsPresents a compact set of actions or choices in a temporary surface.
011 · SelectionLets people choose one value from a known, bounded option set.
012 · Data entryCollects a calendar date with format, validation, and contextual constraints.
013 · NavigationMoves through a bounded collection while preserving location, filters, and meaningful history.
014 · FeedbackCommunicates a status or result at the scope and urgency where the person can act on it.
015 · FeedbackExplains why expected content is absent and provides a proportionate next step.
016 · Data entryTransfers one or more files while making requirements, progress, validation, and recovery visible.