Ripple
A Ripple component from the Sigil design system.
Import
import { Ripple } from "@sigil-ui/components";Preview
Usage
<Ripple>Ripple content</Ripple>Props
| Prop | Type | Default | Description |
|---|---|---|---|
rings | number | 3 | Number of concentric rings. |
duration | number | 2.5 | Duration of each ring's expansion in seconds. |
color | string | var(--s-primary, currentColor) | Ring color. |
size | number | 200 | Maximum ring size. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-primary | Primary |