Collapsible

Interactive component that expands and collapses content

Example

collapsible

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 */ />