Placeholder · Components · AntelopeJS DMS

Placeholder draws a dashed, patterned box with its label centered. It fetches nothing: use it to block out a layout before the real blocks exist, then swap each one for its real builder.

Screenshot of the Placeholder block — Placeholder`Placeholder`

Usage

src/pages/scaffold.ts

import { Placeholder } from "@antelopejs/interface-dms/base/placeholder";

static chart = Placeholder({ label: "Revenue chart", height: "240px" });

Options

Options of the Placeholder block
Option	Type	Default	Description
`label`Content	`string`	–	Text shown inside the box.

Without height, the box fills its grid cell; without width, it fills its column.

Next steps

Layout & containers

Block out a whole screen with placeholders.

Design fidelity

Map a mockup onto DMS blocks, one component at a time.