Hand
A fanned card hand component with selection and hover interactions.
Usage
import { Hand } from "@/components/playset-blocks"
const cards = [
{ title: "Fireball", category: "SPELL", theme: "red" },
{ title: "Shield", category: "ARMOR", theme: "blue" },
]
<Hand cards={cards} size="sm" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cards | CardData[] | required | Array of card objects |
| size | "xs" | "sm" | "md" | "sm" | Card size preset |
See the Hand Block for interactive examples.