Collapsible

unreleasedstable

A disclosure region for showing and hiding a focused panel of content.

API Reference
tsxUsage
import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
} from "@/components/ui/collapsible";
 
export function Component() {
  return (
    <Collapsible>
      <CollapsibleTrigger>Toggle details</CollapsibleTrigger>
      <CollapsibleContent>Hidden details render when open.</CollapsibleContent>
    </Collapsible>
  );
}

Collapsible

Root owner for controlled or uncontrolled open state.

CollapsibleContent

Panel content rendered when open, with state data attributes for animation.

Keystone UI is a new, modern UI component library for SolidJS.

Back to top