Library

A stacked deck component representing the draw pile with count badge and expandable top card.

Usage

example.tsxtsx
1import { Library } from "@/components/playset-blocks"
2
3// Face-down library
4<Library count={24} theme="purple" />
5
6// Face-up with expandable top card
7<Library
8 count={24}
9 faceUp
10 topCard={{
11 title: "Phoenix",
12 category: "CREATURE",
13 theme: "red",
14 icon: <Flame />
15 }}
16/>

Props

PropTypeDefaultDescription
count*numberNumber of cards in deck
faceUpbooleanShow top card face-up
topCardCardDataTop card data (when faceUp)
themestringCard back color theme

See the Card Decks Block for interactive examples.