ascii.cnlibs.com
GithubX

Accordion

Stacked sections, one open at a time.

A canvas design tool's component set, rebuilt in monospace type for real apps.

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/accordion.json

## usage

import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
<Accordion defaultValue={["getting-started"]}>
  <AccordionItem value="getting-started">
    <AccordionTrigger>What is ascii?</AccordionTrigger>
    <AccordionContent>
      A canvas design tool's component set, rebuilt in monospace type.
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="installation">
    <AccordionTrigger>Installation</AccordionTrigger>
    <AccordionContent>
      Requirements: Next.js, Tailwind CSS v4, and shadcn/ui.
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="faq">
    <AccordionTrigger>Billing &amp; plans</AccordionTrigger>
    <AccordionContent>
      This library is free and open — there is no billing.
    </AccordionContent>
  </AccordionItem>
</Accordion>

## multiple

multiple keeps several sections expanded at once.

Pass multiple to keep several sections expanded.

Like this one.

## disabled item

Compiled in 1.2s.