UI MarCom 3

Label Stable Dark theme

A small labeling component that can be attached to another object or simply stand alone.

<uimc-label></uimc-label>

AttributeDescriptionValuesDefault
typeSpecifies in which way the label is displayedstandalone, superscriptstandalone
themeControl the background of the labelgray, light, darkgray
SlotSlotted content
defaultInner text is shown as label

Standalone Label

Element Label Text
Element&nbsp;<uimc-label>Label Text</uimc-label>

Superscript Label

Element 1
Element&nbsp;<uimc-label type="superscript">1</uimc-label>

Gray theme

Element Label Text
Element&nbsp;<uimc-label theme="gray">Label Text</uimc-label>
Element 1
Element&nbsp;<uimc-label type="superscript" theme="gray">1</uimc-label>

Dark theme

Element Label Text
Element&nbsp;<uimc-label theme="dark">Label Text</uimc-label>
Element 1
Element&nbsp;<uimc-label type="superscript" theme="dark">1</uimc-label>