← All components
Navigation / Component
Accordion
Native disclosure elements provide independent expansion and keyboard support without a JavaScript dependency for toggling.
Can I change the colors?
Yes. Open Appearance to change the colors and corner radius across this library.
Where is the source?
Open a component and choose Code. The component file and styles are the same ones used in these previews.
Does this live inside Plaibook?
Yes. The components, examples, and theme editor are all part of Plaibook.
Make it part of your build
Use the real component.
The preview uses the same React components and CSS available in the Code view.
- Copy Components into
src/components/vault/kit.tsx. - Copy Styles into
src/styles/vault-kit.module.css. - Import the component using the Usage example. Add Your theme to a parent to carry your colors across.
React + TypeScript + CSS Modules. The import alias @/ points to src/; adjust it for your project.