Open In App

React Rebass Recipes Complete Reference

Improve
Improve
Like Article
Like
Save
Share
Report

React Rebass is a front-end framework that was designed keeping react in mind. React Rebass Recipes is requires recipes of each development like recipes of dishes. There are lots of components in Rebass Recipes like Flexbox Grid Component, Flexbox, wrap component, Nav Bar Component, etc.

Javascript




import React from 'react'
import { Flex, Card, Image, Text } from "rebass";
  
function App() {
    return (
        <div style={{
            display: 'block', width: 500, padding: 30
        }}>
            <Flex>
                <Card width={[256, 320]} mx='auto'>
                    <Image src=
                     />
                    <Text>
                        Image Card
                    </Text>
                </Card>
            </Flex>
        </div>
    );
}
  
export default App;


Output:

React Rebas Sample Code Output

Last Updated : 22 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads