sigilUI

Isometric Cylinder

Render a cylinder in an isometric scene.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

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

Usage

<IsometricCylinder radius={64} height={100} />

Props

PropTypeDefaultDescription
radiusnumber—Radius configuration.
heightnumber—Height of the rendered content.
topColorstring—Top Color configuration.
bodyColorstring—Body Color configuration.
strokeColorstring—Stroke Color configuration.
strokeWidthnumber—Stroke Width configuration.

Token integration

CSS VariablePurpose
--s-primaryPrimary
--s-surfaceSurface
--s-borderBorder