FloatingUI
A FloatingUI component from the Sigil design system.
Import
import { FloatingUI } from "@sigil-ui/components";Preview
Usage
<FloatingUI>...</FloatingUI>Props
| Prop | Type | Default | Description |
|---|---|---|---|
layers | ReactNode[] | — | Array of React elements to stack as floating layers. |
offset | number | 20 | Pixel offset between each layer. |
shadowDepth | `"sm" | "md" | "lg"` |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-shadow-sm | Shadow sm |
--s-shadow-md | Shadow md |
--s-shadow-lg | Shadow lg |
--s-card-radius | Card radius |
--s-border | Border |
--s-surface | Surface |