Components
Loading preview...
Here is Accordion component
@SubframeApp
npx shadcn@latest add https://21st.dev/r/SubframeApp/accordion-1"use client";
import React from "react";
import { Accordion } from "@/components/ui/accordion-1";
function AccordionExample() {
return (
<Accordion
trigger={
<div className="flex w-full items-center gap-2 px-3 py-2">
<span className="grow shrink-0 basis-0 text-body font-body text-default-font">
Accordion header
</span>
<Accordion.Chevron />
</div>
}
defaultOpen={false}
>
<div className="flex w-full grow shrink-0 basis-0 flex-col items-start gap-2 px-3 py-2">
<span className="text-body font-body text-default-font">
Accordion contents
</span>
</div>
</Accordion>
);
}
export default AccordionExample;