Rebass v3

8 primitive UI components built with styled-system.

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

Box

import { Box } from 'rebass'

• space
• width
• fontSize
• flex
• color
• bg

Flex

import { Flex } from 'rebass'

• extends: Box
• alignItems
• justifyContent
• flexWrap
• flexDirection

Text

import { Text } from 'rebass'

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

Link

import { Link } from 'rebass'

• space
• fontSize
• color
• bg

Button

import { Button } from 'rebass'

Image

import { Image } from 'rebass'

Card

import { Card } from 'rebass'

Props

All components include the following props:

• space
• color
• bg
• css

Docs

• Extending