Semantic UI React  3.0.0-beta.2
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypesMigration guide to v3
Elements
ButtonContainerFlagHeaderDividerImageIconLabelInputListLoaderPlaceholderRailRevealSegmentStep
Collections
FormGridMessageMenuTableBreadcrumb
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerEmbedModalDropdownPopupProgressRatingSearchSidebarStickyTransitionTab
Addons
PaginationConfirmPortalRadioSelectText AreaTransitionable Portal

Label
A label displays content classification.

src/elements/Label/Label.js
Semantic UI Label Docs
LabelLabel.DetailLabel.Group

Types

Label

A label.

Pointing

A label can point to content next to it.

Prompt

A label can prompt for an error in your forms.

The prompt prop can be used only inside Form component.

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
Blazing deployments by Vercel.