Accordion
A vertically stacked set of collapsible sections. Supports single and multiple expansion modes, keyboard navigation (Arrow keys, Home, End), and animated open/close transitions.
Single mode
Install via npm with npm install atelier-design-system. Then import the components you need from the package entry point.
Yes. Override the CSS custom properties in your own stylesheet or use the data-brand attribute to switch brand presets.
Every component follows WAI-ARIA authoring practices. Keyboard navigation, focus management, and ARIA attributes are built in.
Multiple mode
Install via npm with npm install atelier-design-system. Then import the components you need from the package entry point.
Yes. Override the CSS custom properties in your own stylesheet or use the data-brand attribute to switch brand presets.
Every component follows WAI-ARIA authoring practices. Keyboard navigation, focus management, and ARIA attributes are built in.