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

  • Default

    This is for backward compatibility purposes only.
  • 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

Small tag example

In this section

• Defining a tag dynamically