Label

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Elements

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Detail
Communication group
23 staffs
Icon
Starred files
89
Senior Engineers
Image
Lori Flores
Image & Detail
Christina Willis
Friend
Code
  • //Detail
  • ui label
  • {Label Text}
  • detail
  • {Detail Text}
  • //Icon
  • ui label
  • icon star
  • {Label Text}
  • icon close
  • //Image
  • ui image label
  • ui avatar image
  • {Label Text}
Colored

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Red
label
Green
label
Teal
label
Oranage
label
Code
  • ui red label
  • {Label Text}
Shape

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Code
  • //Dot
  • ui circular empty label(data-variation="inverted",
  • data-content="Offline", data-position="top center")
  • //Script
  • script
  • $(".ui.label").popup()
  • //Tag
  • ui tag label
  • {Label Text}
  • //Circular
  • ui circular label
  • {Label Text}
Sizes

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Default Group
Mini
Tiny
Small
Medium
Large
Big
Huge
Massive
Grouped

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Default Group
Tag Group
Circular Group
Code
  • //Default Group
  • ui labels
  • ui label
  • ui label
  • //Tag Group
  • ui tag labels
  • ui label
  • ui label
  • //Circular
  • ui circular labels
  • ui label
  • ui label

© 2017 B3Networks.