Components#

Every component in @sigx/zero, by tier. Each one renders a stable data-scope / data-part / data-state anatomy and no styling; every page lists the parts, their states and flags, the props, and what the shipped design systems wire.

Each component is its own subpath — import { Tabs } from '@sigx/zero/tabs' — and is also re-exported from the package root. State is one two-way model prop; every component composes the variant axes (color, size, variant, axes, mods), which pass through as data-* attributes for a design system to style.

Every part you write also forwards the everyday HTML attributes it does not model — aria-*, your own data-*, id, title and role — to the element it renders, or into its asChild bag. A name the part sets itself is refused by the type, and a data-* name the anatomy contract owns throws. See Accessibility for where each one lands.