ascii.cnlibs.com
GithubX

Collapsible

Expands and collapses a panel.

  • src/lib/cn.ts
  • src/lib/fetcher.ts

## installation

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

## usage

import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
<Collapsible>
  <ul className="flex flex-col">
    <li>src/lib/cn.ts</li>
    <li>src/lib/fetcher.ts</li>
  </ul>
  <CollapsibleTrigger>Show 3 more results</CollapsibleTrigger>
  <CollapsibleContent>
    <ul className="flex flex-col">
      <li>src/lib/format-bytes.ts</li>
      <li>src/lib/parse-env.ts</li>
      <li>src/lib/retry.ts</li>
    </ul>
  </CollapsibleContent>
</Collapsible>

## open by default

defaultOpen starts the panel expanded.

  • commit a1b2c3d
  • branch main
  • took 48s