004 /Lab
RollText
Odometer hover label: each letter spins through glyphs and lands back. Buttons and links.
Hover with a mouse, or Tab to a control: keyboard focus triggers the same roll. On touch screens the label stays still. With reduced motion the swap is instant, so the label looks unchanged.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | – | Label. Read once by assistive tech; the animated copies are hidden. |
| stagger | number | 14 | Per-character delay in ms. 0 rolls the label as a block. |
| Button / LinkButton variant | primary | dark | outline | text | primary | Surface. |
| affordance | arrow | plus | none | none | Arrow slides through; plus turns 90°. |