Kevin Mendoza

Accordion

A component that can expand/collapse to reveal more information.

Import

import { Accordion } from 'sveltekev';

Title

<Accordion headTitle='this is the title...'></Acc...

Size

Radius

Color

Shadow

Content

Just wrap your content

<Accordion headtitle='Title'>
    // content here
</Accordion>

API

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