Ariakit
/
/
This site is under construction Subscribe to updates

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.

Installation

npm install ariakit

Learn more in Getting started.

API

useCompositeState()

<Composite>
  <CompositeGroup>
    <CompositeGroupLabel />
    <CompositeRow>
      <CompositeContainer />
      <CompositeHover />
      <CompositeInput />
      <CompositeItem />
      <CompositeSeparator />
    </CompositeRow>
  </CompositeGroup>
</Composite>
<CompositeTypeahead />