Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Documentation improvements (#2042)

Browse Source
This commit is contained in:
Paweł Kuna
2025-01-07 23:14:44 +01:00
committed by GitHub
parent 35da0ff9b8
commit c510fdfb9d
88 changed files with 1048 additions and 643 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
docs/ui/base/typography.mdx
View File

@@ -16,7 +16,7 @@ The `h1` tag is the highest level and the `h6` tag is the lowest level.
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<h6>H6 Heading</h6>
<h6>H6 Heading</h6>
```
There is example of headings with different levels:
@@ -27,7 +27,7 @@ There is example of headings with different levels:
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<h6>H6 Heading</h6>
<h6>H6 Heading</h6>
```
## Paragraphs
@@ -75,23 +75,53 @@ Text <sup>Superscripted</sup>
Here is an example of semantic text elements:
```html example vertical separated columns={1}
<div><abbr title="Internationalization">I1f8N</abbr></div>
<div>
<abbr title="Internationalization">I1f8N</abbr>
</div>
<div><strong>Bold</strong></div>
<div><cite>Citation</cite></div>
<div><code>Hello World!</code></div>
<div><del>Deleted</del></div>
<div><em>Emphasis</em></div>
<div><i>Italic</i></div>
<div><ins>Inserted</ins></div>
<div><kbd>Ctrl + S</kbd></div>
<div><mark>Highlighted</mark></div>
<div><s>Strikethrough</s></div>
<div><samp>Sample</samp></div>
<div>Text <sub>Subscripted</sub></div>
<div>Text <sup>Superscripted</sup></div>
<div><time>20:00</time></div>
<div><u>Underline</u></div>
<div><var>x</var> = <var>y</var> + 2</div>
<div>
<cite>Citation</cite>
</div>
<div>
<code>Hello World!</code>
</div>
<div>
<del>Deleted</del>
</div>
<div>
<em>Emphasis</em>
</div>
<div>
<i>Italic</i>
</div>
<div>
<ins>Inserted</ins>
</div>
<div>
<kbd>Ctrl + S</kbd>
</div>
<div>
<mark>Highlighted</mark>
</div>
<div>
<s>Strikethrough</s>
</div>
<div>
<samp>Sample</samp>
</div>
<div>Text <sub>Subscripted</sub>
</div>
<div>Text <sup>Superscripted</sup>
</div>
<div>
<time>20:00</time>
</div>
<div>
<u>Underline</u>
</div>
<div>
<var>x</var> = <var>y</var> + 2
</div>
```
@@ -194,16 +224,16 @@ Control the leading (line height) of an element.
```html example vertical centered separated columns={1} height="20rem"
<p class="lh-1">
This is the long text with line height 1. Lorem ipsum dolor sit amet. Dolor sit amet.
This is the long text with line height 1. Lorem ipsum dolor sit amet. Dolor sit amet.
</p>
<p class="lh-sm">
This is the long text with small line height. Lorem ipsum dolor sit amet. Dolor sit amet.
This is the long text with small line height. Lorem ipsum dolor sit amet. Dolor sit amet.
</p>
<p class="lh-base">
This is the long text with base line height. Lorem ipsum dolor sit amet. Dolor sit amet.
This is the long text with base line height. Lorem ipsum dolor sit amet. Dolor sit amet.
</p>
<p class="lh-lg">
This is the long text with large line height. Lorem ipsum dolor sit amet. Dolor sit amet.
This is the long text with large line height. Lorem ipsum dolor sit amet. Dolor sit amet.
</p>
```