component
Table cards
Card faces sized for a poker table: hole cards, the board, and Omaha layouts that follow the table's width.
The cards the trainer and the hand replayer put on the table. Sizes such as table and board follow the width of the nearest @container, so they grow with the table, not the viewport. Built on playing cards.
A♥
K♦
Q♠
J♥
2♣
Installation
$ npx shadcn@latest add https://www.pokerstudy.ai/r/trainer-cards.jsonProps
Generated from the component source with react-docgen-typescript.
PlayingCard
| Prop | Type | Default | Description |
|---|---|---|---|
| card | string | null | – | – |
| size | "xs" | "sm" | "md" | "lg" | "table" | "board" | "tablePlo" | "tablePlo6" | "heroPlo" | md | – |
HoleCards
| Prop | Type | Default | Description |
|---|---|---|---|
| cards * | string[] | null | – | – |
| size | "xs" | "sm" | "md" | "lg" | "table" | "board" | md | – |
MiniCard
| Prop | Type | Default | Description |
|---|---|---|---|
| card * | string | – | Rank and suit, such as "Ah" or "Td". |
| className | string | h-8 w-6 text-base | Box and font size. Defaults to a row-sized tile. |