React Rebass Guides Complete Reference

React Rebass is a front-end framework that was designed keeping react in mind. React Rebass Guides are used for better formats, and styles, and to add some content and element using the Rebass box component. There is a lot of component in Rebass Guides like CSS Grid, MDX component, etc.

Javascript




import React from 'react'
import { Label, Input } from '@rebass/forms'
import { Box } from 'rebass'
function App() {
    return (
        <div style={{ display: 'block', width: 500 }}>
            <Box p={3} my={5}>
                ”This is an important note in a box component.”
            </Box>
        </div>
    );
}
  
export default App;


Output: