徽章

轻松创建美观的徽章来标记和突出显示您的内容。

用法

要创建徽章，只需将 .uk-badge 类添加到 <div> 或 <span> 元素即可。

示例

信息 新 免费

标记

<div class="uk-badge">...</div>

修饰符

要以不同的样式显示徽章，只需将修饰符类添加到 .uk-badge 类。 这些修饰符可以相互组合使用。

通知

添加 .uk-badge-notification 类来指示通知，通常与数字一起使用。

示例

1 2 3 10 100

标记

<div class="uk-badge uk-badge-notification">...</div>

颜色修饰符

添加 .uk-badge-success、.uk-badge-warning 或 .uk-badge-danger 类以获得其他颜色。

示例

成功 警告 危险

1 10 1 10 1 10

标记

<div class="uk-badge uk-badge-success">...</div>
<div class="uk-badge uk-badge-warning">...</div>
<div class="uk-badge uk-badge-danger">...</div>