```html
<div v-ripple></div>
```

> NOTE: Dynamic class are not supported

### Default ripple

- `v-ripple="color"`
- `v-ripple:cssOnly="color"`

| Value   | Type           | Default     | Description           |
| ------- | -------------- | ----------- | --------------------- |
| `color` | number, string | `undefined` | Sets the ripple color |

1. Sets the ripple color to the theme primary color: `1` or `'primary'`.
2. Sets the ripple color to the theme secondary color: `2` or `'secondary'`.

### Unbounded ripple

- `v-ripple.unbounded="color"`
- `v-ripple:cssOnly.unbounded="color"`
