Typography

Edit on GitHub

<Heading>
and
<Text>
components for all your typography needs

import { Heading, Text } from 'design-system/typography';

Text

Text component is used for all body text in the app. It includes our body font family, and exposes props for font size, weight and color.

PropOptionsDefault
as?
p
,
span
p
childrenstring
color?
default
,
emphasis
default
size?SizingType
medium

Heading

Used for all headings in the app. It exposes a prop for 'level', as well the same utility props from Box.

PropOptionsDefault
childrenstring
level?1,2,3,4,5,61

  • Home
  • About
  • Blog
  • Design System
© Copyright 2021 Nathan Simpson. Made in Sydney Australia.