Collapsible

solid-ui/collapsible

FreeComponent

A collapsible component

Live preview

live · rendered by the registry

Rendered by solid-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://www.solid-ui.com/r/collapsible.json

Source

src/registry/ui/collapsible.tsxwww.solid-ui.com/r/collapsible.json

1import * as CollapsiblePrimitive from "@kobalte/core/collapsible"
2 
3const Collapsible = CollapsiblePrimitive.Root
4 
5const CollapsibleTrigger = CollapsiblePrimitive.Trigger
6 
7const CollapsibleContent = CollapsiblePrimitive.Content
8 
9export { Collapsible, CollapsibleTrigger, CollapsibleContent }

What it pulls in

npm packages

@kobalte/core

Files it writes

src/registry/ui/collapsible.tsx

More from solid-ui

All 55 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	solid-ui	Components	Free	2 deps
Alertalert	solid-ui	Components	Free	3 deps
Alert Dialogalert-dialog	solid-ui	Components	Free	2 deps
Aspect Ratioaspect-ratio	solid-ui	Components	Free	1 dep
Avataravatar	solid-ui	Components	Free	2 deps
Badgebadge	solid-ui	Components	Free	2 deps
Badge Deltabadge-delta	solid-ui	Components	Free	2 deps
Bar Listbar-list	solid-ui	Components	Free	1 dep