Collapsible
Interactive component that expands and collapses content
Example
Loading preview…
Collapsible
Interactive component that expands and collapses content
Source: packages/appkit-ui/src/react/ui/collapsible.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
defaultOpen | boolean | - | - | |
open | boolean | - | - | |
disabled | boolean | - | - | |
onOpenChange | ((open: boolean) => void) | - | - | |
asChild | boolean | - | - |
Usage
import { Collapsible } from '@databricks/appkit-ui';
<Collapsible /* props */ />
CollapsibleContent
Content area that can be expanded or collapsed
Source: packages/appkit-ui/src/react/ui/collapsible.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
forceMount | true | - | Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries. | |
asChild | boolean | - | - |
Usage
import { CollapsibleContent } from '@databricks/appkit-ui';
<CollapsibleContent /* props */ />
CollapsibleTrigger
Button that toggles the collapsible content visibility
Source: packages/appkit-ui/src/react/ui/collapsible.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
asChild | boolean | - | - |
Usage
import { CollapsibleTrigger } from '@databricks/appkit-ui';
<CollapsibleTrigger /* props */ />