Playmat

A textured background surface for displaying cards with optional label.

Usage

import { Playmat } from "@/components/playset-blocks"

<Playmat label="Your Hand">
  {/* Card components */}
</Playmat>

Props

PropTypeDefaultDescription
childrenReactNoderequiredContent 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.