UNPKG

@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
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; }