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.

Container

This is a simple HTML div element with xstyled super powers and Container style by default.

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
  • paddingMode: default | primary | secondary

    default value: primary

    • default: Nothing special
    • primary: Medium padding
    • secondary: Big padding

Usage

Content
With style props
More complex example with style props