create a block element (eg. ).
See the samples.
===== Size =====
Easily resize text. medium xx-small x-small small large x-large xx-large smaller larger length (%, em, px, etc.)
xx-small.
x-small.
small.
smaller.
medium.
large.
larger.
x-large.
xx-large.
length (%, em, px, etc.)
xx-small.
x-small.
small.
smaller.
medium.
large.
larger.
x-large.
xx-large.
length (%, em, px, etc.)
===== Alignment =====
Easily realign text to components with text alignment attribute.
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.
===== Transformation =====
Transform text in components with text capitalization attribute.
Lowercased text.
Uppercased text.
Capitalized text.
Lowercased text.
Uppercased text.
Capitalized text.
===== Contextual colors =====
Convey meaning through color with a handful of emphasis utility attributes. These may also be applied to links and will darken on hover just like our default link styles.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
===== Contextual backgrounds =====
Similar to the contextual text color attributes, easily set the background of an element to any contextual attribute. Anchor components will darken on hover, just like the text attributes.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
===== Options =====
^ Attribute ^ Allowed Values ^ Description ^
| align | left right center, justify nowrap | Text align |
| background | primary success info warning danger | Contextual background of text |
| size | medium xx-small x-small small large x-large xx-large smaller larger length (%, em, px, etc.) | Text sizes |
| transform | lowercase uppercase capitalize | Text transformation |
| type | muted primary success info warning danger | Contextual color of text |