Playset

Playmat

A textured background surface for displaying cards with optional label.

Usage

example.tsxtsx
1import { Playmat } from "@/components/playset-blocks"
2 
3<Playmat label="Your Hand">
4  {/* Card components */}
5</Playmat>

Props

PropTypeDefaultDescription
children*ReactNode—Content to display on the playmat
labelstring—Optional label at bottom center

Features

  • Subtle noise texture overlay
  • Gradient vignette effect
  • Squircle corners
  • Overflow visible for card glows

See the Game Layout Block for usage in context.