Paragraph
a paragraph of text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Custom label to be used by screen readers. When provided, an aria-label will be added to the element.
"a user friendly label for screen readers"
How to align along the cross axis when contained in a Box or along the column axis when contained in a Grid.
"start"
"center"
"end"
"stretch"
The amount of margin around the component. An object can be specified to distinguish horizontal margin, vertical margin, and margin on a particular side.
"none"
"xsmall"
"small"
"medium"
"large"
"xlarge"
{
"vertical": "...",
"horizontal": "...",
"top": "...",
"bottom": "...",
"left": "...",
"right": "..."
}
The possible sizes of the paragraph in terms of its max-width, font-size and line-height.
{
"font": {},
"small": {
"size": "14px",
"height": "20px",
"maxWidth": "336px"
},
"medium": {
"size": "18px",
"height": "24px",
"maxWidth": "432px"
},
"large": {
"size": "22px",
"height": "28px",
"maxWidth": "528px"
},
"xlarge": {
"size": "26px",
"height": "32px",
"maxWidth": "624px"
},
"xxlarge": {
"size": "34px",
"height": "40px",
"maxWidth": "816px"
}
}