Expandable Card

A disclosure card for FAQs, changelogs and settings groups, with nothing jumping around it.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add expandable-card

Example

import { ExpandableCard } from "@/components/galactrex/expandable-card";

<ExpandableCard summary={<h3>What is included?</h3>}>…</ExpandableCard>

Installs to components/galactrex/expandable-card.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`summary`	`ReactNode`	—	Always visible.
`children`	`ReactNode`	—	Shown when expanded.
`defaultOpen`	`boolean`	`false`	Initial state.
`labels`	`[string, string]`	—	Toggle words.
`className`	`string`	—	Extra classes for the outer element.