ComboStrap UI - Typo

1 - About

typo is a typographic component that permits to style a paragraph at once.

Since version 1.4

3 - Syntax

<typo type>
Content
</typo>

where:

  • type can (for now) only take the value lead. It makes a paragraph stand out by setting a bigger font-size and weigth.
typo is a superset HTML component, you can therefore wrap other component with it and use all styling attributes.

4 - Example

4..1 - Lead

<typo lead>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</typo>
**versus:**\\
\\
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

versus:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

4..2 - Two buttons centered

Two buttons centered

<typo align="center" width="fit-content">
<btn>Button 1</btn> <btn skin="outline">Button 2</btn>
</typo>