No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Box
This is a simple HTML div element with xstyled super powers.
Variants
  • variant: default | center | centerScreen | vAlign | hAlign
    default value: default
    • default: Nothing special
    • center: Center the element in the parent
    • centerScreen: Center the element using screen size
    • vAlign: Vertically align the element in the parent
    • hAlign: Horizontally align the element in the parent
  • direction: default | row | column
    default value: default
    • default: Nothing special
    • row: Direction of the children is row
    • column: Direction of the children is column
Usage
Content
With style props
More complex example with style props