Highlight
An animation wrapper component to add an onClick highlight animation in
the background.
<Highlight layer='alert'>
<div style={{ padding: '20px' }}>Arwes</div>
</Highlight>| Prop name | Type | Default | Description |
|---|---|---|---|
| animate | bool | true | |
| layer | enum | 'primary' | One of: 'primary', 'secondary', 'header', 'control', 'success', 'alert', 'disabled' |
| Method name | Parameters | Description |
|---|---|---|
| onClick | Click event on element. Reproduces the animation. |
Source code: src/Highlight Open in: Playground