Collapsible
Install this component from the Scintillar registry.
3 items
Item 1
Controls
Source
"use client"
import { Collapsible as CollapsiblePrimitive } from "radix-ui"
/** Root component that manages the open/closed state of collapsible content. */
function Collapsible({
...props
}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
}
/** Button that toggles the collapsible content open or closed. */
function CollapsibleTrigger({
...props
}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
return (
<CollapsiblePrimitive.CollapsibleTrigger
data-slot="collapsible-trigger"
{...props}
/>
)
}
/** Container for the content that is shown or hidden when the collapsible is toggled. */
function CollapsibleContent({
...props
}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
return (
<CollapsiblePrimitive.CollapsibleContent
data-slot="collapsible-content"
{...props}
/>
)
}
export { Collapsible, CollapsibleTrigger, CollapsibleContent }