Nim, the Okta Design System


Tags are used to help describe and differentiate an entity or object. Think of them as “adjectives” in your UI toolbox that make navigating and parsing content easier.


As stated above, Tags are used to describe an entity or object, not represent the object itself. One or many Tags may be applied to an entity or object.

For example, "Cat" may be an individual "Animal" object that has the Tags "Small", "Fuzzy", and "Quadruped".

  • Small
  • Fuzzy
  • Quadruped
<ul class="ods-tag--list">
  <li class="ods-tag">Small</li>
  <li class="ods-tag">Fuzzy</li>
  <li class="ods-tag">Quadruped</li>