React-Bootstyled

Stateless Components built in styled-components

npm i react-bootstyled styled-components

All in your hand to change color and size

<Alert bg="#f00" c="#fff"> Danger </Alert>

<Alert bg="red" c="white" p="5px"> Danger </Alert>

<Tooltip placement="bottom">
  Text on Tooltip
  <Tooltip.Text bg="red" c="#fff">Sample text</Tooltip.Text>
</Tooltip>

Components ready

All Components extends Box props.

• [x] Box
• [x] Alert
• [x] Badge
• [x] Button
• [x] Container
• [x] Row
• [x] Col
• [x] Tooltip

Box props

• width
• fontSize
• textColor
• bgColor
• color
• fontFamily
• textAlign
• lineHeight
• fontWeight
• fontStyle
• letterSpacing
• display
• cursor
• maxWidth
• minWidth
• height
• maxHeight
• minHeight
• sizeWidth
• sizeHeight
• size
• ratioPadding
• ratio
• verticalAlign
• alignItems
• alignContent
• justifyItems
• justifyContent
• flexWrap
• flexBasis
• flexDirection
• flex
• justifySelf
• alignSelf
• order
• gridGap
• gridColumnGap
• gridRowGap
• gridColumn
• gridRow
• gridAutoFlow
• gridAutoColumns
• gridAutoRows
• gridTemplateColumns
• gridTemplateRows
• gridTemplateAreas
• gridArea
• border
• borderTop
• borderRight
• borderBottom
• borderLeft
• borders
• borderColor
• borderRadius
• boxShadow
• opacity
• overflow
• background
• backgroundImage
• backgroundPosition
• backgroundRepeat
• backgroundSize
• position
• zIndex
• top
• right
• bottom
• left
• textStyle
• colorStyle
• buttonStyle
• m
• mt
• mr
• mb
• ml
• mx
• my
• p
• pt
• pr
• pb
• pl
• px
• py

Extra Col props

• xs
• sm
• md
• lg
• offsetXs
• offsetSm
• offsetMd
• offsetLg