Isometric Scene

Compose objects within a shared isometric perspective.

@sigil-ui/componentsReact

Preview

import { IsometricScene } from "@sigil-ui/components";

<IsometricScene width="100%" height={260} showGrid><IsometricPrism width={120} height={80} depth={60} /></IsometricScene>

Prop	Type	Default	Description
`showGrid`	`boolean`	—	Show Grid configuration.
`gridSize`	`number`	—	Grid Size configuration.
`width`	`number \| string`	—	Width of the rendered content.
`height`	`number \| string`	—	Height of the rendered content.
`children`	`ReactNode`	—	Content rendered inside the component.

IsometricPrism

Render a prism with token-styled faces.

IsometricView

Apply a consistent isometric perspective to content.