Dots
Classes Information
| ClassName | Description |
|---|---|
| dot | base class |
| dot-primary | Primary color |
| dot-secondary | Secondary color |
| dot-success | Success color |
| dot-warning | Warning color |
| dot-error | error color |
Basic Usage
Example Code
html
<span class="dot"></span>Colors
Example Code
html
<span class="dot"></span>
<span class="dot dot-primary"></span>
<span class="dot dot-secondary"></span>
<span class="dot dot-success"></span>
<span class="dot dot-warning"></span>
<span class="dot dot-error"></span>Basic Usage
CancelledReadyWaitingSuccessWarningCancelled
Example Code
html
<span class="flex items-center gap-2">
<span class="dot"></span>
<span>Cancelled</span>
</span>
<span class="flex items-center gap-2">
<span class="dot dot-primary"></span>
<span>Ready</span>
</span>
<span class="flex items-center gap-2">
<span class="dot dot-secondary"></span>
<span>Waiting</span>
</span>
<span class="flex items-center gap-2">
<span class="dot dot-success"></span>
<span>Success</span>
</span>
<span class="flex items-center gap-2">
<span class="dot dot-warning"></span>
<span>Warning</span>
</span>
<span class="flex items-center gap-2">
<span class="dot dot-error"></span>
<span>Cancelled</span>
</span>