Text
utility
Set text color.
| Example | Blue text |
| HTML code | <DIV class="u-text--blue">Blue text</span> |
| Type | particle |
| Group | utility |
| Todo | size? |
Javascript
Wrapper to use element through Javascript
| Code example | Action buttonvar $Text = cms.get('ui', 'text', {
content: 'Button',
color: 'red',
onclick: function(){}
}); |
Styles
Elements Css style
| mini | Mini |
| small | Small |
| normal | Normal |
| large | Large |
| jumbo | Jumbo |
| violet | Violet |
| purple | Purple |
| indigo | Indigo |
| blue | Blue |
| azure | Azure |
| cyan | Cyan |
| teal | Teal |
| darkgreen | Darkgreen |
| green | Green |
| lime | Lime |
| yellow | Yellow |
| amber | Amber |
| orange | Orange |
| darkorange | Darkorange |
| red | Red |
| pink | Pink |
| brown | Brown |
| white | White |
| lightgray | Lightgray |
| gray | Gray |
| darkgray | Darkgray |
| black | Black |
| success | Success |
| warning | Warning |
| danger | Danger |
| error | Error |
| info | Info |
| muted | Muted |
| selected | Selected |
| save | Save |
| delete | Delete |
| load | Load |
| cancel | Cancel |