展示
StatusPill
一种活着的状态:一个点,加一行大写等宽标签。
示例
default
Available for workPartial outage
说明
一个有名字的实时状态:一个点,加一个描边药丸里的等宽大写标签。
做成一个组件,而不是每个调用处自己拿点和药丸拼一遍——同一个“可接洽”的小标签,正是那样在一个站点里长出了三种点的尺寸和两种脉动节奏。
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| children必填 | ReactNode | — | |
| pulse | boolean | true | 会脉动的实时点(默认),还是一个已经稳定的点。 |
| tone | StatusTone | 'success' | — |
同时接受 HTMLAttributes<HTMLSpanElement> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。