Rebass v3

8 primitive UI components built with styled-system.

Box | Flex | Text | Heading | Link | Button | Image | Card

Box

import { Box } from 'rebass'
Box
  • space
  • width
  • fontSize
  • flex
  • color
  • bg

Flex

import { Flex } from 'rebass'
Flex
Box
  • extends: Box
  • alignItems
  • justifyContent
  • flexWrap
  • flexDirection

Text

import { Text } from 'rebass'
Text
Large Text
Small Text
Bold Text

Text is h1

  • space
  • color
  • bg
  • fontSize
  • fontFamily
  • fontWeight
  • textAlign
  • lineHeight
  • letterSpacing

Heading

import { Heading } from 'rebass'

Hello

Heading is h1

Hello h2

Hello h3

Hello h4

import { Link } from 'rebass'
Link
  • space
  • fontSize
  • color
  • bg

Button

import { Button } from 'rebass'

Image

import { Image } from 'rebass'

Card

import { Card } from 'rebass'
Card
Pop!

Props

All components include the following props:

  • space
  • color
  • bg
  • css

Docs