SAEL

Accordion

A set of collapsible panels with headings.

Made by imskyleen
Loading...

Installation

Usage

<Accordion>
  <AccordionItem>
    <AccordionTrigger>Accordion Item 1</AccordionTrigger>
    <AccordionPanel>Accordion Panel 1</AccordionPanel>
  </AccordionItem>
  <AccordionItem>
    <AccordionTrigger>Accordion Item 2</AccordionTrigger>
    <AccordionPanel>Accordion Panel 2</AccordionPanel>
  </AccordionItem>
  <AccordionItem>
    <AccordionTrigger>Accordion Item 3</AccordionTrigger>
    <AccordionPanel>Accordion Panel 3</AccordionPanel>
  </AccordionItem>
</Accordion>

Props

Sael Net Props

AccordionTrigger

Prop

Type

AccordionPanel

Prop

Type

Credits

  • We use Base UI for the accordion component.
  • We take our inspiration from Shadcn UI for the accordion style.

On this page