React Rebass Recipes Complete Reference

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.

• React Rebass Flexbox Grid Component
• React Rebass Flexbox Wrap Component
• React Rebass Nav Bar Component
• React Rebass Image Component
• React Rebass Background Image Card Component
• React Rebass Container Component
• React Rebass Avatar Component
• React Rebass Badge Component
• React Rebass Nav Link Component

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=
'https://media.geeksforgeeks.org/wp-content/uploads/20220330170518/geeksimage.png'
                     />
                    <Text>
                        Image Card
                    </Text>
                </Card>
            </Flex>
        </div>
    );
}

export default App;

Output: