Skip to content
Rebass
GitHub

Migration Guide

v4: What's New

v4: Breaking Changes

  • The default package now uses Emotion. To use Rebass with Styled Components, import the components from rebass/styled-components instead.
  • The undocumented theme keys for Box, Flex, Text, Heading, Link, Button, Image, and Card are no longer supported. Use variants instead.
  • The @rebass/grid package has been renamed (back to) reflexbox
  • Heading: default fontWeight is now set to heading. Add styles to theme.fontWeights to customize the heading font weight.
  • Button no longer supports the following props. Use the sx prop instead. border, borderColor, borderWidth, borderStyle, borderRadius, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY
  • Image no longer supports the following props. Use the sx prop instead. border, borderColor, borderWidth, borderStyle, borderRadius, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY
  • Link no longer includes default styles. Add styles to theme.variants.link to customize link styles.
  • Card no longer supports the following props. Use the sx prop instead. border, borderColor, borderWidth, borderStyle, borderRadius, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY, boxShadow, textShadow, background, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat,
Edit this page on GitHub
RebassReflexboxDocsGitHub