BodyLong
Part of a set of components for displaying text with consistent typography.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut nisl aliquam, congue odio finibus, convallis tortor. Vestibulum vel rutrum eros, vel accumsan justo. Aliquam maximus eleifend nibh eget vulputate. Nunc odio risus, ultricies ac felis et, placerat rutrum dui. Vivamus aliquam, dui sit amet ultrices mollis, mauris eros pretium urna, a rhoncus neque quam dictum est. Proin non diam nunc. Vivamus quis ipsum tempus, consequat sem at, dignissim metus. Ut egestas quis ante nec sollicitudin. Nulla molestie id leo sit amet commodo. Ut venenatis est sit amet egestas finibus. Etiam dignissim enim sodales, fermentum ante at, ultricies dui. Aliquam eget orci eu arcu eleifend vestibulum sit amet ac est. Nam ornare dapibus neque eget ultrices. Cras pharetra sapien sit amet nibh aliquam tempus. Nulla lobortis dignissim neque fringilla porttitor.
Properties
| Property | Description | Default | Control | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Properties | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| align | Adjust text-align. "start" "center" "end" | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| as | Tag to use for the body "p" "span" "div" | "p" | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| size | The size of the body medium: 18px, small: 16px "large" "medium" "small" | "medium" | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| spacing | Adds margin-bottom boolean | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| textColor | Adjusts color. "default" "subtle" | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| truncate | Truncate text overflow with ellipsis. boolean | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| visuallyHidden | Visually hide text. Text will still be accessible for screen readers. boolean | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| weight | Adjusts font-weight. "regular" "semibold" | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Snippets | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| children | - | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||