状态
状态是一个非常小的图标，用于直观地显示元素的当前状态，例如在线、离线、错误等。
| 类名 | 类型 | |
|---|---|---|
| status | 组件 | 状态图标 |
| status-neutral | 颜色 | 中性色 |
| status-primary | 颜色 | 原色 |
| status-secondary | 颜色 | 次要颜色 |
| status-accent | 颜色 | 强调色 |
| status-info | 颜色 | 信息色 |
| status-success | 颜色 | 成功色 |
| status-warning | 颜色 | 警告色 |
| status-error | 颜色 | 错误色 |
| status-xs | 尺寸 | 超小尺寸 |
| status-sm | 尺寸 | 小尺寸 |
| status-md | 尺寸 | 中等尺寸[默认] |
| status-lg | 尺寸 | 大尺寸 |
| status-xl | 尺寸 | 超大尺寸 |
<span class="$$status"></span>
<span class="$$status"></span>
<span class="$$status"></span>
<span class="$$status"></span><div aria-label="status" class="$$status $$status-xs"></div> <div aria-label="status" class="$$status $$status-sm"></div> <div aria-label="status" class="$$status $$status-md"></div> <div aria-label="status" class="$$status $$status-lg"></div> <div aria-label="status" class="$$status $$status-xl"></div>
<div aria-label="status" class="$$status $$status-xs"></div>
<div aria-label="status" class="$$status $$status-sm"></div>
<div aria-label="status" class="$$status $$status-md"></div>
<div aria-label="status" class="$$status $$status-lg"></div>
<div aria-label="status" class="$$status $$status-xl"></div>
<div aria-label="status" class="$$status $$status-xs"></div>
<div aria-label="status" class="$$status $$status-sm"></div>
<div aria-label="status" class="$$status $$status-md"></div>
<div aria-label="status" class="$$status $$status-lg"></div>
<div aria-label="status" class="$$status $$status-xl"></div>
<div aria-label="status" class="$$status $$status-xs"></div>
<div aria-label="status" class="$$status $$status-sm"></div>
<div aria-label="status" class="$$status $$status-md"></div>
<div aria-label="status" class="$$status $$status-lg"></div>
<div aria-label="status" class="$$status $$status-xl"></div><div aria-label="status" class="$$status $$status-primary"></div> <div aria-label="status" class="$$status $$status-secondary"></div> <div aria-label="status" class="$$status $$status-accent"></div> <div aria-label="status" class="$$status $$status-neutral"></div> <div aria-label="info" class="$$status $$status-info"></div> <div aria-label="success" class="$$status $$status-success"></div> <div aria-label="warning" class="$$status $$status-warning"></div> <div aria-label="error" class="$$status $$status-error"></div>
<div aria-label="status" class="$$status $$status-primary"></div>
<div aria-label="status" class="$$status $$status-secondary"></div>
<div aria-label="status" class="$$status $$status-accent"></div>
<div aria-label="status" class="$$status $$status-neutral"></div>
<div aria-label="info" class="$$status $$status-info"></div>
<div aria-label="success" class="$$status $$status-success"></div>
<div aria-label="warning" class="$$status $$status-warning"></div>
<div aria-label="error" class="$$status $$status-error"></div>
<div aria-label="status" class="$$status $$status-primary"></div>
<div aria-label="status" class="$$status $$status-secondary"></div>
<div aria-label="status" class="$$status $$status-accent"></div>
<div aria-label="status" class="$$status $$status-neutral"></div>
<div aria-label="info" class="$$status $$status-info"></div>
<div aria-label="success" class="$$status $$status-success"></div>
<div aria-label="warning" class="$$status $$status-warning"></div>
<div aria-label="error" class="$$status $$status-error"></div>
<div aria-label="status" class="$$status $$status-primary"></div>
<div aria-label="status" class="$$status $$status-secondary"></div>
<div aria-label="status" class="$$status $$status-accent"></div>
<div aria-label="status" class="$$status $$status-neutral"></div>
<div aria-label="info" class="$$status $$status-info"></div>
<div aria-label="success" class="$$status $$status-success"></div>
<div aria-label="warning" class="$$status $$status-warning"></div>
<div aria-label="error" class="$$status $$status-error"></div><div class="inline-grid *:[grid-area:1/1]"> <div class="$$status $$status-error animate-ping"></div> <div class="$$status $$status-error"></div> </div> Server is down
<div class="inline-grid *:[grid-area:1/1]">
<div class="$$status $$status-error animate-ping"></div>
<div class="$$status $$status-error"></div>
</div> Server is down
<div class="inline-grid *:[grid-area:1/1]">
<div class="$$status $$status-error animate-ping"></div>
<div class="$$status $$status-error"></div>
</div> Server is down
<div class="inline-grid *:[grid-area:1/1]">
<div class="$$status $$status-error animate-ping"></div>
<div class="$$status $$status-error"></div>
</div> Server is down未读消息
<div class="$$status $$status-info animate-bounce"></div> Unread messages
<div class="$$status $$status-info animate-bounce"></div> Unread messages
<div class="$$status $$status-info animate-bounce"></div> Unread messages
<div class="$$status $$status-info animate-bounce"></div> Unread messages你有问题吗？ 在 GitHub 上提问 或 Discord 服务器
你发现 bug 了吗？ 在 GitHub 上提交 issue
你喜欢 daisyUI 吗？ 发帖宣传一下吧！
支持 daisyUI 的开发： Open Collective
