@crystal-creations/pulsating-circle
Version:
A pulsating circle wrapped in a Vue component based on a [codepen](https://codepen.io/eereeska/pen/gOPdBZg) by eereeska
25 lines (24 loc) • 629 B
TypeScript
import { Vue } from "vue-property-decorator";
/**
* A pulsating circle icon.
*/
export default class PulsatingCircleIcon extends Vue {
/**
* The color of the circle and the pulse.
*
* Use color class in combination with "lighten-x" to access modified colors.
*
* If not set, it will be white.
*/
color: string;
/**
* The size of the inner circle in pixels.
*
* The pulse (and the whole component) is 200% as big.
*/
size: number;
/**
* Returns the style used for the outer div.
*/
get pulsatingCircleStyle(): string;
}