Tag - Seventh UI CSS

Status

Ativo Online Ao vivo Gravando Offline Stand by Conectando Inativo Pendente Falha Importando

Dark Theme

Ativo Online Ao vivo Gravando Offline Stand by Conectando Inativo Pendente Falha Importando

Custom

Label

Entity

<nome da entidade> 00/00 <nome da entidade> 00/00 <nome da entidade> 00/00

CSS API

Status tags must keep visible text. Action buttons need an accessible name because icon-only controls do not expose their purpose by text.

<span class="sui-tag sui-tag--status sui-tag--online">Online</span>

<span class="sui-tag sui-tag--custom">
  <span class="sui-tag__label">Label</span>
  <button class="sui-tag__action" type="button" aria-label="Remove Label">...</button>
</span>

<span class="sui-tag sui-tag--entity">
  <span class="sui-icon sui-icon--cameras-camera-outline sui-tag__icon" aria-hidden="true"></span>
  <span class="sui-tag__label">&lt;nome da entidade&gt;</span>
  <span class="sui-tag__support">00/00</span>
  <button class="sui-tag__action" type="button" aria-label="Edit entity">...</button>
</span>