A component that can expand/collapse to reveal more information.
import { Accordion } from 'sveltekev';
<Accordion headTitle='this is the title...'></Acc...
Just wrap your content
<Accordion headtitle='Title'>
// content here
</Accordion>
ATTRIBUTE | TYPE | DEFAULT |
---|---|---|
headTitle | string | 'Accordion' |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | md |
radius | 'none' | 'sm' | 'md' | 'lg' | none |
color | 'black' | 'white' | 'gray' | 'none' | 'default' | 'primary' | 'secondary' | 'success' | 'warning'| 'danger' | default |
shadow | 0 | 1 | 2 | 3 | 0 |