This is an old revision of the document!
Text
Tips
This tag have two version (lowercase and uppercase).
- The lowercase version
<text>
create a inline element (<span>
). - The uppercase version
<TEXT>
create a block element (<div>
).
See the samples.
Alignment
<TEXT align="left">Left aligned text.</TEXT> <TEXT align="center">Center aligned text.</TEXT> <TEXT align="right">Right aligned text.</TEXT> <TEXT align="justify">Justified text.</TEXT> <TEXT align="nowrap">No wrap text.</TEXT>
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.
Transformation
* <text transform="lowercase">Lowercased text.</text> * <text transform="uppercase">Uppercased text.</text> * <text transform="capitalize">Capitalized text.</text>
- Lowercased text.
- Uppercased text.
- Capitalized text.
Contextual colors
* <text type="muted">muted</text> * <text type="primary">primary</text> * <text type="success">success</text> * <text type="info">info</text> * <text type="warning">warning</text> * <text type="danger">danger</text>
- muted
- primary
- success
- info
- warning
- danger
Contextual backgrounds
* <text background="primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</text> * <text background="success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</text> * <text background="info">Maecenas sed diam eget risus varius blandit sit amet non magna.</text> * <text background="warning">Etiam porta sem malesuada magna mollis euismod.</text> * <text background="danger">Donec ullamcorper nulla non metus auctor fringilla.</text>
- Nullam id dolor id nibh ultricies vehicula ut id elit.
- Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
- Maecenas sed diam eget risus varius blandit sit amet non magna.
- Etiam porta sem malesuada magna mollis euismod.
- Donec ullamcorper nulla non metus auctor fringilla.
Attributes
Attribute | Allowed Values | Description |
---|---|---|
type | muted , primary , success , info , warning , danger | Contextual color of text |
background | primary , success , info , warning , danger | Contextual background of text |
align | left , right , center , justify , nowrap | Text align |
transorm | lowercase , uppercase , capitalize | Text transormation |
size | medium , xx-small , x-small , small , large , x-large , xx-large , smaller , larger , length (%, em, px, etc.) | Text sizes |