3,186 Reviews Scanned
FAQ:
Q: What can I do with rebass?
A: You can also use Rebass components as basic building blocks and extend them to create custom UI components, which is a great way to get started with a new design system without boiling the ocean. Use the default Rebass theme or completely customize the look and feel with a custom theme.
Q: What are the components in rebass?
A: All components in Rebass are extensions of the base Box component, which includes an sx prop for theme-based styling as well as a standard set of Styled System style props.
Q: Which rebass themes work with styled system?
A: Since Rebass follows the Theme Specification, any theme built for use with Theme UI or Styled System will work out-of-the-box. Each component accepts a variant prop, giving you multiple styles for buttons, cards, text styles, and more. You can define custom variants in your own theme or use the defaults from the Rebass preset theme.
Q: How do I add a theme to my rebass application?
A: You can add a theme to your application with a ThemeProvider component and by providing a theme in context. For this guide, use the Emotion ThemeProvider with the default Rebass preset theme. Wrap your application with the ThemeProvider component.