Expandable Card

A versatile and engaging UI component that allows users to explore content in a more immersive way.

Installation

pnpm dlx shadcn@latest add https://badtz-ui.com/r/expandable-card.json

Usage

import { ExpandableCard } from "@/components/ui/expandable-card";
<ExpandableCard title="Whispering Forest" src="/images/components/expandable-card/haunted-house.webp" description="A Yokai Tale" > {content} </ExpandableCard>

Props

ExpandableCard props.

Credits

This component is inspired by Linear.