Collapsible

Interactive component which expands/collapses a panel. Built on Radix UI.

Installation

# Install @opencosmos/ui to use Collapsible
pnpm add @opencosmos/ui

Preview

Loading preview...

Usage

Import

import { Collapsible } from '@opencosmos/ui';

Example

<Collapsible>
  Content
</Collapsible>

Eject

Copy this component into your project for full customization

Code Examples

Basic Usage

Collapsible panel with trigger

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

<Collapsible>
  <CollapsibleTrigger>Can I use this in my project?</CollapsibleTrigger>
  <CollapsibleContent>
    Yes. Free to use for personal and commercial projects.
  </CollapsibleContent>
</Collapsible>