Tag

Tag elements are sometimes referred to as pills, chips, or selection tags. They can be used for filtering, sorting, tagging, or as a counter or label.

See examples

Properties

  • ID
    Element identifier.
  • Width

    • Fit
      Sets the width according to Text property.
    • Fill
      Uses all of the available width.
      For more information, see Element distribution.
  • Text
    The string displayed inside the tag element.
  • Type
    Each tag type has a different style. (see examples)
    • Info

    • Success

    • Warning

    • Critical

    • Danger

    • Inactive

    • Adaptive

  • Small tag
    Toggle on to reduce the tag height. (see example)

Examples

Type examples

../../../../../../../_images/ss-element-tag-types.png

Small tag example

../../../../../../../_images/ss-element-tag-small.png

In this section