Ariakit
/

Composite

Provide a single tab stop on the page and navigate through the focusable descendants with arrow keys. This abstract component is based on the WAI-ARIA Composite Role⁠.

Composite

API

useCompositeStore()

useCompositeContext()



<CompositeProvider>

  <Composite>

    <CompositeGroup>

      <CompositeGroupLabel />

      <CompositeRow>

        <CompositeHover />

        <CompositeItem />

        <CompositeSeparator />

      </CompositeRow>

    </CompositeGroup>

  </Composite>

  <CompositeTypeahead />

</CompositeProvider>

Stay tuned

Join 1,000+ subscribers and receive monthly tips & updates on new Ariakit content.

No spam. Unsubscribe anytime. Read latest issue⁠