Single disclosure with controlled or uncontrolled open state.
@combric/react · v1.1.1 · Current
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@combric/react";
export function Example() {
return <Collapsible defaultOpen><CollapsibleTrigger>Technical details</CollapsibleTrigger><CollapsibleContent>Package-first component catalogue.</CollapsibleContent></Collapsible>;
}import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@combric/react";
export function Example() {
return <Collapsible disabled><CollapsibleTrigger>Technical details</CollapsibleTrigger><CollapsibleContent>Package-first component catalogue.</CollapsibleContent></Collapsible>;
}| Name |
|---|
Collapsible |
CollapsibleTrigger |
CollapsibleContent |
| Property / capability | Published contract |
|---|---|
| Contract | open/defaultOpen |
| Contract | onOpenChange |
| Contract | disabled |
Stable aria-expanded and aria-controls relationships connect the native trigger to its region.
Native button Enter and Space behavior.
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.