$ npm install rebass
React primitive UI components built with styled-system. https://rebassjs.org
npm i rebass@next
import React from 'react'
import { Box, Heading, Button } from 'rebass'
export default props =>
<Box>
<Heading>Hello</Heading>
<Button>Rebass</Button>
</Box>
To use Rebass with emotion, import from rebass/emotion
:
import { Box } from 'rebass/emotion'
"One of the best React component libs out there" – Max Stoiber
"Rebass is the Bootstrap of React." – Jori Lallo
"A whopper component library built on styled-components. Responsive, systematic, scalable...the business!" – Colm Tuite
Rebass is built with the following principles in mind.
See Patterns for Style Composition in React for more on some of the thought behind Rebass.
Try it out: https://codesandbox.io/s/github/rebassjs/rebass/tree/master/examples/sandbox-v3
© 2010 - cnpmjs.org x YWFE | Home | YWFE