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.

• React Rebass CSS Grid
• React Rebass MDX Component

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: