Semantic UI React 0.83.0src/elements/Label/Label.jsThemed
This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.
Types
Label
A label
Pointing
A label can point to content next to it
Corner
A label can position itself in the corner of an element
Tag
A label can appear as a tag
Ribbon
A label can appear as a ribbon attaching itself to an element
Attached
A label can attach to a content segment
Horizontal
A horizontal label is formatted to label content along-side it horizontally
Floating
A label can float above another element
Content
Detail
A label can contain a detail
Icon
A label can include an icon
You can do the same using shorthands.
Image
A label can include an image
You can do the same using shorthands.
Link
A label can be a link or contain an item that links
Variations
Circular
A label can be circular
Basic
A label can reduce its complexity
Colored
A label can have different colors
Size
A label can be small or large
Groups
Group Size
Labels can share sizes together
Colored Group
Labels can share colors together
Tag Group
Labels can share tag formatting
Circular Group
Labels can share shapes
This is the bottom