1. Blade Components
  2. Pulser

Pulser

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

Usage

<x-pulser />

Component API

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

Style

Control the pulser style by supplying 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>