Learn the UI primitives

Create a component value or function whose setup and output share one instance lifetime.

Build a changing toolbar and prove identity, registration, focus, and removal behavior.

Reference bounded measurements: units, limits, thresholds, and the difference from progress or input.

Announce an urgent text change from an already mounted live region.

Reference contextual heading levels and the default role-based host.

Reference explicit group naming and the distinction between Group and a native fieldset.

Reference static semantic separation, orientation, and the boundary with a draggable splitter.

Reference clipped accessible text and the limitation for focusable content.

Connect native pointer dragging and keyboard resizing to the same bounded pane layout.

Reference deliberate tab stops: zero versus minus one, and the element that actually receives focus.

Register runtime element handles with scope cleanup and explicit navigation metadata.

Build keyboard movement from a collection while choosing roving or virtual focus explicitly.

Reference an explicit role host while preserving native interactions and naming.

Keep props, event cancellation, and refs attached to the element that owns the interaction.

Mount and dispose Typed output in a component explorer or browser fixture.

Reference native action activation, button types, disabled behavior, and Effect handlers.

Reference intercepted navigation clicks, browser-owned anchors, and scheme policy.

Reference checked and mixed state, native form omission, and hydrated input state.

Reference a stable setting name, binary switch state, and its non-form-control semantics.

Reference native radio name/value identity and collection-backed keyboard movement.

Compare custom Select focus and commit behavior with native Form.Select.

Reference range input timing and the distinction between user changes and programmatic bounds.

Reference numeric input timing, bounds, and invalid draft limitations.

Canonical reference for decoded values, errors, reset, submit, and native form limitations.

Compare query text, active suggestion, and accepted record; use the project picker for the worked flow.

Reference persistent single-choice lists and the decision to commit on focus.

Reference command menus, disabled traversal, submenu ownership, and explicit focus state.

Connect horizontal command focus to independently owned submenu popovers.

Choose automatic or manual activation and keep tab identity separate from panel lifetime.

Use the singular Tab import as an alias for Tabs; activation, panels, and limitations are documented there.

Reference toolbar focus and pressed state; follow collections and focus for the worked scenario.

Model parent identities and visible descendants without mistaking focus for file selection.

Build a two-dimensional keyboard surface and distinguish it from an editable spreadsheet.

Keep row expansion identities separate from cell focus identities in a hierarchical grid.

Build a manual slide sequence; rotation and pause require a separately scoped product policy.

Separate opening, cancel requests, accepted actions, and native modal behavior.

Reference the low-level dialog state bridge and the explicit reverse close-event path.

Reference manual popover visibility, dismissal, and focus expectations.

Reference an application-owned popover bridge, connection wait, and reverse toggle synchronization.

Reference named disclosure parts and native details synchronization.

Reference the one-way details bridge and the explicit browser-to-state toggle path.

Connect a stable description ID, focusable anchor, delays, and manual popover content.

Preserve pointer and focus transfer into a named non-modal preview.