Combination Text
A mechanical combination lock that spins through characters to form words.
Installation
▸ Run the following command
npx shadcn@latest add https://www.mellowui.com/r/combination-text.json▸ Or install manually
- Install dependencies:
pnpm add motion - Copy the source from the Code tab above.
- Place it at
components/mellow/combination-text.tsx - Import and use.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| texts | string[] | — | Array of strings to cycle through. |
| interval | number | 4000 | Time between word changes in milliseconds. |
| className | string | — | Additional CSS classes. |