Skip to content
comp0

comp0

Behavior you can see, understand, and make your own.

Think of comp0 as a box of working hinges, switches, and keyboard controls. We make the parts behave correctly. You decide what they look like.

Start the guided tourBrowse every component

Start with the idea, then touch the API.

You do not need to memorize a component catalog. Follow this path once and every family will feel familiar.

  1. 01

    Install one package

    Use the root import and render your first native-feeling button.

  2. 02

    Put the parts together

    Let a root share behavior while its children own the visible DOM.

  3. 03

    Style what happened

    Target data attributes such as open, selected, invalid, and pressed.

The keyboard is part of the contract.

Every reference page shows the exact keys that work and what each one does. No guessing, and no keyboard jargon left unexplained.

⇥Tab
Move into the component
↑ ↓Arrow keys
Move between choices
↵Enter
Choose or activate
EscEscape
Close and go back

Find the thing you want to build.

Each page starts with a working example, opens the component into labelled parts, and rebuilds it one step at a time.

See the full index

Actions

Presses, links, uploads, and hidden helper text.

Fields

Inputs and choices that collect values.

Navigation

Disclosure, navigation, and collection patterns.

Pickers and overlays

Choices and floating layers.