Three Dot

Indicate an action is running in the background.

Usage

<x-three-dot />

Style

Control the three-dot style by setting 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>

Component API

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

↓ ↑ Select ↵ Open

esc Close