Collapsible

Component that allows you to collapse and expand content

Source Code Radix UI

Design Project: Radian OS 3.0Status: 84% Complete (2 Dependencies Active)

Installation


pnpm dlx radianui@latest add collapsible

Usage

Imports

/components/ui/collapsible.tsx

import {
	Collapsible,
	CollapsibleContent,
	CollapsibleTrigger,
} from "@/components/ui/collapsible"

Code

/components/ui/collapsible.tsx

<Collapsible>
	<CollapsibleTrigger>Can I use RadianOS in my project?</CollapsibleTrigger>
	<CollapsibleContent>
		Of course! RadianOS is a free and open-source design system and component
		library built with React and TypeScript. It provides a comprehensive set of
		accessible, customizable components for building beautiful user interfaces.
	</CollapsibleContent>
</Collapsible>

RadianOS is a modern design system and component library built with React and TypeScript. It provides a comprehensive set of accessible, customizable components for building beautiful user interfaces.

...

Amelie Laurentamelie@radian.com

Collapsible in Form

Same as shipping address

Props

Name	Default	Values
External Reference	-	-

Name	Default	Values
External Reference	-	-

Name	Default	Values
External Reference	-	-

Collapsible

Installation

Usage

Imports

Code

Examples

Collapsible Text

Collapsible Menu

Collapsible in Form

Props

Collapsible

Shipping Address

Billing Address