Word Rotate
Cycle through a set of words in a shared text position.
Preview
Import
import { WordRotate } from "@sigil-ui/components";Usage
<WordRotate words={["Design", "Build", "Ship"]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
words | string[] | — | Array of words/phrases to cycle through. |
duration | number | 2500 | Time each word is shown in ms. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-duration-fast | Duration fast |
--s-ease-out | Ease out |
--s-ease-default | Ease default |