Text Component

<Text as={element} size={size} weight={weight} color={color}>
	Example text snippet
</Text>

• Text components render as <span>s by default. Use the as prop to render an alternate HTML element. For example: as="h2".
• The size prop is required.
• The weight prop is optional and defaults to inherit.
• The color prop defaults to inherit, but can be changed to any of our Colors.

Text Sizes

Styled Link

Available as a global class at .styledLink, and a component as StyledLink. The component verison is build on the Text component, inheriting and requiring the same props. The class version is automatically added to links in our MDX files.

<StyledLink size={16} href="/styleguide/text" type="styled">
	Styled Link Component
</StyledLink>

Styled Link Class

<a className="styledLink" href="/styleguide/text">
	Styled Link Class
</a>

Colors