标签/Label

显示重要的注释和突出显示部分内容。

用法

要创建标签,只需将 .uk-label class添加到 <span> 元素。

<span class="uk-label"></span>
  • Default
  • <span class="uk-label">Default</span>

样式修饰

添加以下类之一以获取其他样式。

Class 描述
.uk-label-success 表示成功或正面消息。
.uk-label-warning 表示警告。
.uk-label-danger 表示错误或重要消息。
<span class="uk-label uk-label-success"></span>
  • Default Success Warning Danger
  • <span class="uk-label">Default</span>
    
    <span class="uk-label uk-label-success">Success</span>
    
    <span class="uk-label uk-label-warning">Warning</span>
    
    <span class="uk-label uk-label-danger">Danger</span>

上一篇: Inverse

下一篇: Leader

label.md

# 标签/Label

<p class="uk-text-lead">显示重要的注释和突出显示部分内容。</p>

## Usage-用法

要创建标签,只需将 `.uk-label` class添加到 `<span>` 元素。

```html
<span class="uk-label"></span>
```

```example
<span class="uk-label">Default</span>
```

***

## Style modifiers-样式修饰

添加以下类之一以获取其他样式。

| Class               | 描述                              |
|:--------------------|:-----------------------------------------|
| `.uk-label-success` | 表示成功或正面消息。 |
| `.uk-label-warning` | 表示警告。                     |
| `.uk-label-danger`  | 表示错误或重要消息。 |

```html
<span class="uk-label uk-label-success"></span>
```

```example
<span class="uk-label">Default</span>

<span class="uk-label uk-label-success">Success</span>

<span class="uk-label uk-label-warning">Warning</span>

<span class="uk-label uk-label-danger">Danger</span>
```