标记
标记
一个胶囊代表关于某事的所有言论：一个状态，一个名称，一个版本，一个类别。它们曾经是两个物体，直到有一天一个代码和一个状态并排在一个标题中，头相隔，没人能说出它们的区别意味着什么——所以形状是一个，音调是区分它们的全部。它所承载的是免费的：一个词，一个数字，一个符号，或三者中的两个。圆圈出现在没有胶囊的地方，而悬挂在一行中的计数器，其大小与它悬挂的文本相同，是这里唯一不是标记的东西。
在句子中间
一个独立的词在阅读时：一个版本，一个阶段，一个类别。中性音调，因为一个带颜色的标记已经对它所标记的内容做出了声明——而在一个句子中没有什么可以主张的。
版本2.4是 已发布 此API已被弃用 已弃用
类别
区分事物而不排名的色调。它们没有意义——没有什么表明第三个比第五个更好——这正是使它们可用于分类法的原因，其中的意义将是谎言。与状态完全相同：相同的胶囊，相同的节奏。
中性
ruby
grapefruit
bittersweet
sunflower
straw
grass
mint
teal
aqua
blue-jeans
plum
lavender
pink-rose
用词表达的状态
在句子或标题旁宣布，它是信息而不是列中的标记。
操作成功
发生错误
请谨慎操作
供您参考
以十二为单位读取的状态
在一列中，中性计数旁的勾号被视为两个物体，而它们的表格被视为噪音。这里的颜色包围了数字，列在一次扫描中完成——紧凑，因为一个单元没有多余的空间。
15
success
15
error
15
warning
15
info
15
running
15
pending
15
paused
15
play
15
skipped
15
disabled
它所承载的内容
表示状态的一个词，表示数量的一个数字，二者皆有，或皆无。数字总是比其他部分稍微后退：它修饰状态，而不是状态。
通过
15
通过15
并排的三种形式
在实际阅读的位置中相同的信息。圆圈是对于一个过于狭窄而无法容纳胶囊的单元的形式，且是唯一能显示状态为数量的形式——它是用胶囊填充的颜色绘制的。
| 形式 | success | warning | error | skipped |
|---|---|---|---|---|
| 胶囊 | 15 | 15 | 15 | 15 |
| 圆圈 |
圆圈
用圆圈而不是词语表达的状态，适用于以十二为单位读取状态的地方——一列运行，一行工作。环带着颜色，内部的符号表示它是什么状态，堆的两侧绘制相同的标记。
success
error
warning
info
running
pending
paused
play
skipped
disabled
LED指示灯
一个点亮的点和它的文字：一目了然的状态，成行展示，成批在摘要或服务列表中。比标记小，比圆圈安静。off是点未点亮 — 计数为零 — , running表示正常运行。
success
info
running
warning
error
dev
off
cat-mint
34 正常
2 运行中
0 错误
0 排队中
计数
有多少条信息等待查看，以药丸形式显示：在图标或按钮的角落（在有计数的父项中），除非另有说明，否则为红色，99+表示超过99；用一个词（“新建”）或一个点替代数字；在零的情况下除非被要求，否则不显示。countApply() 在页面变化时保持当前状态。
2
收件箱 4
error 7
warning 14
success 21
info 28
accent 35
显示为零 0
一种数量状态
运行是唯一具有数量的状态，因此其环的绘制程度取决于运行的进度。Twig打印它被赋予的值；之后的移动由浏览器负责。
0%
25%
50%
75%
100%
圆圈大小
标记旁的计数器
剩下的唯一区别，与意义无关。左边是一个计数器：十二个某物，悬挂在通往它的行中，并与该行的文本大小相同。右边是一个标记：十二个某物做得很好，独立站立并以代币为单位。菜单项旁的计数是一个计数器；管道列中的相同数字是一个标记。
12
12
Vue
相同的组件，驱动：切换类型或值会移动弧，而不是重新绘制它。这是一个应用程序在状态将在读者眼前变化时放置的内容。
用法
{{ marker('success', 'Operation successful') }}
{{ marker('success', null, { count: 15, compact: true }) }}
{{ status_icon('running', { progress: 0.4 }) }}