Preview

Yes. It adheres to the WAI-ARIA design pattern.

Displays single expanded item at once. Controllable by defaultValue prop.

Installation

npx sigma-ui add accordion

Examples

Basic

Displays single item, collapsed by default (no defaultValue or v-model props specified).

Multiple

Yes. It adheres to the WAI-ARIA design pattern.

It's minimally styled, giving you freedom to easily customize it to your design system.

Displays multiple expanded items at once. Controllable programmatically by v-model.

Notes

• Use defaultValue prop to simply define the open item by default or use v-model prop to fully control the opened item(s) programmatically.

• To display multiple expanded items at once, use v-model: string[] and type="multiple".

• To display single expanded item at once, use v-model: string and type="single".