Rebass Basics Complete Reference

React Rebass is a front-end framework that was designed keeping react in mind. React Rebass is the “Bootstrap of React” by Jori Lallo, It is accessible and themeable form components for use with Rebass.

• React Rebass Props
• React Rebass Theming
• React Rebass Extending
• React Rebass Box Component
• React Rebass Flex Component
• React Rebass Text Component
• React Rebass Heading Component
• React Rebass Button Component
• React Rebass Link Component
• React Rebass Image Component
• React Rebass Card Component
• React Rebass Forms Component
• React Rebass Layout Component
• React Rebass Guides Component
• React Rebass Demo Component
• React Rebass Recipes Component

Javascript

import React from 'react'
import { Text } from 'rebass';

function App() {
  return (
    <>
      <Text
        fontSize={[3, 4, 5]}
        fontWeight='bold'
        color='primary'>
        Text
      </Text>
    </>
  );
};

export default App;

Output: