SIA Web Design Library

Tag

No notes defined.

<!-- Default -->
<span class='c-tag'>Default</span>


<!-- Muted -->
<span class='c-tag c-tag--muted'>Muted</span>


<!-- Neutral -->
<span class='c-tag c-tag--neutral'>Neutral</span>


<!-- Notice -->
<span class='c-tag c-tag--warning'>Warning</span>


<!-- Success -->
<span class='c-tag c-tag--success'>Success</span>


<!-- Error -->
<span class='c-tag c-tag--danger'>Error</span>


<span class='{{ get_component_class( 'tag', display ) }}'>{{ text | raw }}</span>
 
/* Default */
{
  "text": "Default"
}


/* Muted */
{
  "text": "Muted",
  "display": {
    "modifiers": [
      "muted"
    ]
  }
}


/* Neutral */
{
  "text": "Neutral",
  "display": {
    "modifiers": [
      "neutral"
    ]
  }
}


/* Notice */
{
  "text": "Warning",
  "display": {
    "modifiers": [
      "warning"
    ]
  }
}


/* Success */
{
  "text": "Success",
  "display": {
    "modifiers": [
      "success"
    ]
  }
}


/* Error */
{
  "text": "Error",
  "display": {
    "modifiers": [
      "danger"
    ]
  }
}