Rokkit 1.0.3

You can build your own accessible components by reusing the same controllers and navigator action that Rokkit uses internally. The pattern is:

  1. Create a controller instance (e.g., new ListController())
  2. Call setItems(items, fields) to load your data
  3. Attach the navigator action to your container with the controller and an onselect callback
  4. Add data-path attributes to item elements — the navigator identifies items by this attribute
svelte
Highlighting code...

This gives you keyboard navigation, type-ahead search, and ARIA management with no additional code. Add your own CSS and markup on top. Controllers are exported from @rokkit/states and the navigator from @rokkit/actions.