ExpandableCard
Click-to-expand card with smooth height animation.
Preview
This is the hidden content that appears when you click the card header.
This card is expanded by default.
Installation
bash
npx auralix-ui add expandable-cardUsage
Expandable Card
tsx
import { ExpandableCard } from "@/components/ui/ExpandableCard";
<ExpandableCard title="Click to expand">
<p>Hidden content revealed on click.</p>
</ExpandableCard>Props
| Name | Type | Default | Description |
|---|---|---|---|
title | string | - | Card title. |
description | string | - | Optional description. |
children | ReactNode | - | Expandable content. |
defaultExpanded | boolean | false | Initial expanded state. |
On this page