Pulser

A subtle, pulsing dot used to highlight notifications or important statuses.

Usage

<x-pulser />

Style

Control the pulser style by setting the style attribute.

<div class="flex items-center justify-center space-x-4">
    <x-pulser />
    <x-pulser style="success" />
    <x-pulser style="info" />
    <x-pulser style="warning" />
    <x-pulser style="danger" />
</div>

Component API

Attribute	Default	Description
`style`	`primary`	`string` Possible values `primary`, `success`, `info`, `warning` or `danger`.

↓ ↑ Select ↵ Open

esc Close