Flex

Type: React component

One of the two basic layout container components (the other is Block).

Flex is intended to be used as an easy intermediate component when declaring the layout of a custom component. It layouts its children using CSS' (inline) flex flow and can be customized with commonly used props or if need be, with custom styles through its 'applyCss' prop.

Props

  1. alignItems

    (Optional)

    Default value

  2. alignSelf

    (Optional)

    Default value

  3. applyCss

    (Optional)

    Default value

  4. children

    (Optional)

    Type: ReactNode

  5. flex

    (Optional)

    Type: FDS~Flex

    Default value

  6. flexDirection

    (Optional)

    Default value

  7. flexWrap

    (Optional)

    Default value

  8. isInline

    (Optional)

    Type: Boolean

    Use CSS display: inline-flex instead of flex when set to true.

    Default value

  9. isScrollContainer

    (Optional)

    Default value

  10. justifyContent

    (Optional)

    Default value

  11. onRef

    (Optional)

    Default value

  12. paddingSize

    (Optional)

    Default value

  13. spaceSize

    (Optional)

    Default value