Primitives

We use a series of polymorphic React primitives in order to quickly scaffold layouts with flexbox/grid, typography, shapes, and other patterns consistently across all platforms.

These use Typescript generics and an as prop to render any HTML element or custom component like Link onto the DOM.

  • Box - block layout
  • View - flex column layout
  • Row - flex row layout
  • Grid - grid layout
  • Text - typography
  • Button - button
  • Center - flex centering

Join our newsletter to stay up to date on our progress!