Docs

Primitives

Primitives are the actual components SINA mounts. They're headless (behavior, not opinions), built on Radix, and styled entirely with tokens, so they inherit your theme and pass the same accessibility bar every time.

The accessibility bar

Every SINA primitive meets the same four-part bar: a focus trap where one applies, correct ARIA, full keyboard operability, and an automated axe pass in CI. It is not optional — a primitive that fails any of the four does not ship.

Actions

Trigger an action.

Forms & inputs

Label, description, and error for any control.

Single- or multi-line text input.

Formatted money input.

CredentialField

Masked secret and one-time code.

Choose one from a list.

Searchable single-select.

A menu of commands from a trigger.

Boolean or indeterminate toggle.

Choose one, exclusively.

Feedback & status

An inline status banner.

A compact status chip.

A transient notification.

A loading indicator.

Determinate or indeterminate progress.

A hover / focus hint.

Overlays

A focus-trapped modal.

A styled, accessible scroll region.

A visual or semantic divider.

Layout

One-axis flex layout.

Wrapped column layout.

Data display

A headline stat with trend.

Key/value review rows.

A server-safe sparkline.

Line and area charts.

Vertical or horizontal bars.

Part-to-whole slices.

A pie with a center label.

Accessibility substrate

A labelled or decorative glyph.

Screen-reader-only text.