arca-ui

Accordion

Sculpted accordion with inset shadow effects for a carved, tactile feel.

Default

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/themes/soft-sculpt/accordion"

<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>What is Soft Sculpt?</AccordionTrigger>
    <AccordionContent>
      A sculpted system with inset shadows and matte depth.
    </AccordionContent>
  </AccordionItem>
</Accordion>

Multiple Open

Allows multiple items to be expanded simultaneously.

Default Open

First item expanded by default.

This accordion item is expanded by default when the page loads. The sculpted container seamlessly accommodates the expanded content.

Disabled State

Accordion items can be disabled to prevent interaction.

FAQ Page

A complete FAQ section for common questions about your product or service.

Settings Panel

Organize application settings into expandable sections.