Box3D
A Box3D component from the Sigil design system.
import { Box3D } from "@sigil-ui/components";
| Prop | Type | Default | Description |
|---|
depth | number | 20 | Depth of the box in px. |
tiltX | number | -10 | X-axis tilt in degrees. |
tiltY | number | 20 | Y-axis tilt in degrees. |
perspective | number | 800 | Perspective distance in px. |
variant | `"container" | "card" | "panel"` |
hoverLift | boolean | false | Lift on hover. |
| CSS Variable | Purpose |
|---|
--s-border | Border |
--s-shadow-md | Shadow md |
--s-border-strong | Border strong |
--s-surface | Surface |
--s-surface-elevated | Surface elevated |
--s-duration-fast | Duration fast |
--s-easing-standard | Easing standard |
--s-box-3d-min-height | Box 3d min height |
--s-box-3d-min-width | Box 3d min width |