Build from a real starting point.

A clear action control for starting, saving, or completing work.

A compact action control for toolbars and dense workspaces.

A grouped set of related actions with a shared visual boundary.

A compact single-choice switch for sibling views or modes.

A labelled single-line field for names, queries, and short values.

A native select wrapper for choosing one value from a short list.

A binary or mixed option that can be selected independently of its siblings.

A binary setting for an immediate on or off choice.

A bordered surface that groups related content without hiding the page structure.

A set of related views that share context while keeping navigation close.

A focused modal surface for decisions that need the user’s attention.

A small status label for metadata, state, or classification.

A brief non-blocking message that confirms an event or reports a recoverable problem.

A measured indication of work with a known amount or completion range.

A compact readout for one measured value and its supporting context.

A chronological view of request steps, timing, and provider events.

A structured message row for a conversation between a person and a model.

A multiline input with a submit affordance for conversations.

A viewport-aware entrance that introduces content without moving surrounding layout.

A restrained procedural glyph field for a technical surface.