UCH Wiki Syntax TEXT
Text Formatting
| Syntax | Result |
|---|---|
**Bold** //İtalik// __Altı Çizili__ | bold İtalik Altı Çizili |
''Inline Code'' | Inline Code |
**//__''All together''__//** | All together |
<sup>superscript</sup> ve <sub>subscript</sub> | superscript ve subscript |
<del>Strikethrough</del> | |
<nowiki>**bo** //it// __un__</nowiki> | **bo** //it// __un__ |
* The lowercase version <text> create a inline element (eg. <span>).
* The uppercase version <TEXT> create a block element (eg. <div>).
See the samples.
Examples
Alignment
Easily realign text to components with text alignment attribute.
<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>
Transformation
Transform text in components with text capitalization attribute.
<text transform="lowercase">Lowercased text.</text> <text transform="uppercase">Uppercased text.</text> <text transform="capitalize">Capitalized text.</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.
<text type="muted"> [...] </text> <text type="primary"> [...] </text> <text type="success"> [...] </text> <text type="info"> [...] </text> <text type="warning"> [...] </text> <text type="danger"> [...] </text>
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.
<text background="primary"> [...] </text> <text background="success"> [...] </text> <text background="info"> [...] </text> <text background="warning"> [...] </text> <text background="danger"> [...] </text>
Options
| 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 |
transform | lowercase uppercase capitalize | Text transformation |
size | medium xx-small x-small small large x-large xx-large smaller larger length (%, em, px, etc.) | Text sizes |
Leads
Make a paragraph stand out by <lead> syntax.
<lead>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</lead>
Taken from UCH Wiki. https://wiki.ulascemh.com/doku.php?id=syntax:text