Components/Expandable Card

Expandable Card

A modern expandable card component with layout animations and image previews.

import ExpandableCard from "@/components/ui/expandable-card"

export default function Example() {
  return <ExpandableCard />
}

Installation

pnpm dlx shadcn@latest add https://dev-roshan-com.vercel.app/r/expandable-card.json

Import the component in your project pages.

import ExpandableCard from "@/components/ui/expandable-card"

export default function Example() {
  return <ExpandableCard />
}

Configure your component behavior using these props.

Prop	Type	Default	Description
`cards`	`ExpandableCardItem[]`	DEFAULT_CARDS	Array of expandable card items.
`className`	`string`	-	Additional container styles.