Tags

Small tag labels to insert anywhere

AiraCSS tag is a small but versatile element. It's very useful as a way to attach information to a block or other component. Its size makes it also easy to display in numbers, making it appropriate for long lists of items.

Tag label

Colors

There are 6 different colors available.

Dark Success Error Warning Info Gray
Dark Success Error Warning Info Gray 
Dark
Success
Error
Warning
Info
Gray
NOTE: You can use AiraCSS's background and color utility classes to style tags if you don't like the ones shown on this page.

Lists of Tags

You can now create a list of tags with the tags container.

One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve Thirteen Fourteen Fifteen Sixteen Seventeen Eighteen Nineteen Twenty 

  One
  Two
  Three
  Four
  Five
  Six
  Seven
  Eight
  Nine
  Ten
  Eleven
  Twelve
  Thirteen
  Fourteen
  Fifteen
  Sixteen
  Seventeen
  Eighteen
  Nineteen
  Twenty

Tag addons

You can attach tags together with the has-addons modifier.

Package AiraCSS 

  Package
  AiraCSS

List of Tags with Addons

You can now create a list of tags with addons with the list-tag-addons container.

Package Astral
node v.3.0
build passing
chat on gitter
finanicial contributors 5
DOWNLOADS 20K / MONTH
NPM V 10.0.5
COVERAGE 91% 

  

   Package
   AiraCSS
 




 node
 v.3.0





 build
 passing

	



 chat
 on gitter

	



 finanicial contributors
 5

	



 DOWNLOADS
 20K / MONTH

	



 NPM
 V 10.0.5

	



 COVERAGE
 91%