Rebass Native


Rebass Native


  • Getting started
  • Props
  • Theming
  • Extending
  • Colors
  • Components
  • Absolute
  • Arrow
  • Avatar
  • Badge
  • Banner
  • Blockquote
  • Border
  • Box
  • Button
  • ButtonCircle
  • ButtonOutline
  • ButtonTransparent
  • Caps
  • Card
  • Circle
  • Close
  • Code
  • Column
  • Container
  • Divider
  • Dot
  • Drawer
  • Flex
  • Heading
  • Hide
  • Image
  • Label
  • Lead
  • Measure
  • Message
  • Modal
  • Panel
  • Position
  • Pre
  • Progress
  • Provider
  • Relative
  • Row
  • Small
  • Subhead
  • Tab
  • Tabs
  • Text
  • Truncate
  • List
  • GitHub
  • Rebass for web
  • Based on work of Jxnblk

Extending

Rebass components can be completely customized using styled-components.

import { Button } from 'rebass'
import styled from 'styled-components'

const CustomButton = styled(Button)`
  border-radius: 50%;
`
Previous:
Theming
Next:
Colors