You can build your own accessible components by reusing the same controllers and navigator action that Rokkit uses internally. The pattern is:
- Create a controller instance (e.g.,
new ListController()) - Call
setItems(items, fields)to load your data - Attach the
navigatoraction to your container with the controller and anonselectcallback - Add
data-pathattributes 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.