content-line
Description
A basic text line element.
Benefits
A content line is useful for dealing with situations such as typography
Widows and Orphans. This component also provides the ability to use responsive classes and text alignment options.
Properties
| Property |
Attribute |
Description |
Type |
Default |
class |
class |
The font class for the line. |
string |
undefined |
maxWidth |
max-width |
Pipe separated list of max width numbers. You can also use units such as "px" and "vw". If no unit is provided, defaults to percentage. |
string |
'100%' |
tag |
tag |
The element tag to use. |
"article" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "section" | "span" |
'div' |
textAlign |
text-align |
Pipe separated list of ContentLineTextAlignOptions for text alignment. |
string |
'default' |
Slots
| Slot |
Description |
|
Default slot, same as content slot. |
"content" |
Inner contents of the line, usually plaintext. |