BLD8 / ui
Navigation

Accordion.

Details that open when they are useful.

LIVE PREVIEWTry it. It works.

Usage

React / TypeScript
<Accordion items={[{value:"details",title:"What is included?",content:"Components, tokens and examples."}]} />

Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.

API & behaviour

Built on Base UI Accordion. items include value, title, content and optional disabled. Supports multiple, value/onValueChange and defaultValue arrays.

Notes to self

Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.