Words
A plain text wrapper component to apply styles and animation.
<Words animate>Arwes is a cyberpunk UI framework</Words>
This component does not use the <Animation /> component underneat.
| Prop name | Type | Default | Description |
|---|---|---|---|
| theme | any | Required | |
| classes | any | Required | |
| animate | bool | ||
| show | bool | true | |
| animation | shape | Animation settings. timeout: number — Animation duration in ms. | |
| sounds | object | {} | It uses the |
| layer | enum | '' | Can have disabled the layer by providing One of: '', 'primary', 'secondary', 'header', 'control', 'success', 'alert', 'disabled' |
| blinkText | string | '▋' | The character to print when typing animation. |
| children | string | '' | Plain text to render and animate if enabled. |
| Method name | Parameters | Description |
|---|---|---|
| animateIn | ||
| animateOut | ||
| stopAnimation | Stop current animation and sounds. | |
| cancelNextAnimation | ||
| startAnimation | isIn:Boolean — If entering. | Start animating the words and playing sounds. |
Source code: src/Words Open in: Playground