メインコンテンツへスキップ

ドキュメント

ラベル

重要な注意点を示したり、コンテンツの一部を強調表示したりします。

使い方

ラベルを作成するには、<span>要素に.uk-labelクラスを追加するだけです。

<span class="uk-label"></span>
  • デフォルト
  • <span class="uk-label">Default</span>

スタイルの修飾子

追加のスタイルについては、次のクラスのいずれかを追加してください。

クラス 説明
.uk-label-success 成功または肯定的なメッセージを示します。
.uk-label-warning 警告を示します。
.uk-label-danger エラーまたは重要なメッセージを示します。 
<span class="uk-label uk-label-success"></span>
  • デフォルト 成功 警告 危険
  • <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>