A scalable result icon (SVG) that transitions the state change, that is the SVG shape change is transitioned as well as the color. Demonstration can be found here.
npm i --save @dexmo/vue-transitioning-result-iconyarn add @dexmo/vue-transitioning-result-iconimport TransitioningResultIcon from '@dexmo/vue-transitioning-result-icon';<transitioning-result-icon :error="errorFlag"/>| Name | Type | Description |
|---|---|---|
| error | Boolean | Whether to display error or result icon |
| duration | Number (default: 500) | Duration of the transition in milliseconds |
| successColor | String (default: 'green') | CSS Color string for the success state |
| errorColor | String (default: 'red') | CSS Color string for the error state |
The size of the icon can be styled via CSS directly (on the underlying SVG).