Usage
import { LayerStack } from "@/registry/blocks/layer-stack/layer-stack";
<LayerStack />Props
| Name | Type | Default | Description |
|---|---|---|---|
| items | LayerStackItem[] | five sample layers | Up to five entries, top layer first – { title, hint?, icon? } with icon one of bolt, database, plug, spark, pulse |
| defaultIndex | number | 0 | Entry to start on |
| interval | number | 2600 | Time per entry while it plays on its own, in ms |
| onChange | (index: number) => void | Called when the user picks an entry | |
| className | string | Extra class on the root, e.g. for width or margins |
When to use
- Explaining a layered product or platform – each entry is one layer of the stack - Feature sections that walk through capabilities one by one, with a visual that follows along
When not to use
Interactive app UI; these are illustrations, so keep them out of task flows.