BsRipple is small and lightweight component which is used to show ripple animation when click or touch event occured.
<bs-ripple> can be placed inside almost any element or component. Numerous components use <bs-ripple> internally, such as BsButton, BsListTile, BsListNavItem, BsTab.
Example below, shows you basic usage of <bs-ripple>.
| Property | Type | Default | Description |
|---|---|---|---|
| active v-model | Boolean | Ripple animation state. | |
| centered | Boolean | false | Start animation from center or from mouse click position. If true then animation always start from center, otherwise animation will start from mouse click or touch position. |
| disabled | Boolean | false | Enable or disable ripple animation. |
| tag | String | 'div' | Html tag used to render this component. |
| Name | Arguments | Description |
|---|---|---|
| update:active | ( state:Boolean) | Used to update the active property. v2.0.0 |
| Name | Description |
|---|---|
| default | The outlet slot used to place the main content. |
