> For the complete documentation index, see [llms.txt](https://apcom.gitbook.io/altrone-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apcom.gitbook.io/altrone-ui/components/typography.md).

# Typography

Typography components are used to work with text elements in the page

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Paragraph</strong></td><td>To display a text</td><td></td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2Fr8V0uj1BsGPI7U9lULG7%2Fparagraph.png?alt=media&amp;token=8150b43e-d195-4373-a63a-42801d091fb0">paragraph.png</a></td><td><a href="/altrone-ui/components/typography/paragraph.md">Paragraph</a></td></tr><tr><td><strong>Heading</strong></td><td>To display a page title</td><td></td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FKxko8UQl0HhJdKYzi6YF%2Fheading.png?alt=media&amp;token=e7b41038-c4fd-4213-ab30-244a1b09a46d">heading.png</a></td><td><a href="/altrone-ui/components/typography/heading.md">Heading</a></td></tr><tr><td><strong>Message</strong></td><td>To display information and warnings</td><td></td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FXo0YJNdLAK9lq17tZkLA%2Fmessages.png?alt=media&amp;token=a35c6f27-7178-4b06-97d7-2c676533b92c">messages.png</a></td><td><a href="/altrone-ui/components/typography/message.md">Message</a></td></tr><tr><td><strong>Blockquote</strong></td><td>To display quotes</td><td></td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FfhkgOoHh0HhvvwG4nImV%2Fblockquote.png?alt=media&amp;token=a7f01c2d-2f6f-4ecc-ad0f-fa5772a00652">blockquote.png</a></td><td><a href="/altrone-ui/components/typography/blockquote.md">Blockquote</a></td></tr><tr><td><strong>Icon</strong></td><td>To show action icons</td><td></td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FJwT5wLxCMISFzNezZk3h%2Ficon.png?alt=media&amp;token=052ce58f-2120-476b-80f2-d046b12a74b3">icon.png</a></td><td><a href="/altrone-ui/components/typography/icon.md">Icon</a></td></tr></tbody></table>