sigilUI

Pulse

Draw attention to a status with a repeating pulse.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Pulse, Badge } from "@sigil-ui/components";

Usage

<Pulse><Badge>Live updates</Badge></Pulse>

Props

PropTypeDefaultDescription
durationnumber2Pulse animation duration in seconds.
scalenumber1.04Scale range of the pulse.