Accordion

Expand and collapse content with ease.

/// DEMO ///

///

<script lang="ts">
    import Accordion from '$lib/components/base/accordion.svelte';
</script>

<Accordion title="Accordion 1">Content...</Accordion>
<Accordion title="Accordion 2">Content...</Accordion>
<Accordion title="Accordion 3">Content...</Accordion>


Guide

We only need one component.

Skip this guide.

Quickly try this on your project.

npx lomer-ui get accordion

Share treats:

`1`	`<script lang="ts">`
`2`	`import Accordion from '$lib/components/base/accordion.svelte';`
`3`	`</script>`
`4`
`5`	`<Accordion title="Accordion 1">Content...</Accordion>`
`6`	`<Accordion title="Accordion 2">Content...</Accordion>`
`7`	`<Accordion title="Accordion 3">Content...</Accordion>`
`8`