Three Dot
Indicate an action is running in the background.
<x-three-dot />
<x-three-dot />
| Attribute |
Default |
Description |
style |
primary |
string
Possible values primary, success, info, warning or danger. |
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>
<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>