Card

Cards group related content together on the stage.

Basic Usage

import { Card } from "stageroutine";

const card = Card("Card content", {
  position: [80, 45],
  origin: "center",
  width: 26.67,
  height: 13.33,
});

Content Alignment

Cards center their content by default (align: "center"). Use align to position content along the 9-point grid:

const card = Card("System Status", {
  width: 26.67,
  height: 15,
  align: "top-left",
});

For all 9 alignment positions, see Content Alignment.

API Reference

For configuration options, see the Card reference.