Hand

A fanned card hand component with selection and hover interactions.

Usage

example.tsxtsx

1import { Hand } from "@/components/playset-blocks"
2 
3const cards = [
4  { title: "Fireball", category: "SPELL", theme: "red" },
5  { title: "Shield", category: "ARMOR", theme: "blue" },
6]
7 
8<Hand cards={cards} size="sm" />

Props

Prop	Type	Default	Description
cards*	`CardData[]`	—	Array of card objects
size	`"xs" \| "sm" \| "md"`	—	Card size preset

See the Hand Block for interactive examples.