Absolute

Read as Markdown

import { Absolute, Rectangle } from "@pibbl/core";

Absolute places each direct child from its local left, top, and declared box style. Its props are AbsoluteProps; its local style is AbsoluteStyle. Children are recursive PibblNode values. Allocation is finite and does not measure or retain drawing commands.

<Absolute style={{ width: 320, height: 180 }}>
  <Rectangle
    style={{ left: 24, top: 20, width: 120, height: 60, fill: "#2563eb" }}
  />
</Absolute>

Compare it with the Absolute and Overlay live example.

API details from source

Describes absolute layout for JSX or createElement authoring.

Absolute: PibblPrimitiveComponent<AbsoluteProps, PrimitiveInput<AbsoluteProps, AbsoluteStyle>>

Related API: Absolute, PibblPrimitiveComponent, AbsoluteProps, PrimitiveInput, AbsoluteStyle.

Parameters

• props — Authored component inputs, supplied through JSX or createElement. See the linked props and style types.

Throws

When called directly; Pibbl mounts this component through JSX or createElement.

See also

AbsoluteProps

AbsoluteStyle

View source — packages/core/src/lib/layout/absolute.ts:126

Implementation guidance for agents

Read the Drawing, layout, and effects companion for ownership, adaptation, failure modes, and verification. Agent start provides the version-selection workflow.

Complete minimal examples

• Absolute and overlay layout: Position a block absolutely and center content within an overlay. Plain source

Documentation version

Documentation built with @pibbl/core 0.0.2, revision 380919b. ALPHA — NOT FOR PRODUCTION USE.