1. Blade Components
  2. Three Dot

Three Dot

Indicate an action is running in the background.

Usage

<x-three-dot />

Component API

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

Style

Control the three-dot style by supplying the style="" attribute.

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