Block

Type: React component

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

Block 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) block flow and can be customized with commonly used props or if need be, with custom styles through its 'applyCss' prop.

Props

  1. alignSelf

    (Optional)

    Default value

  2. applyCss

    (Optional)

    Default value

  3. children

    (Optional)

    Type: ReactNode

  4. flex

    (Optional)

    Type: FDS~Flex

    Default value

  5. isInline

    (Optional)

    Type: Boolean

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

    Default value

  6. isScrollContainer

    (Optional)

    Default value

  7. onRef

    (Optional)

    Default value

  8. paddingSize

    (Optional)

    Default value

  9. spaceHorizontalSize

    (Optional)

    Default value

  10. spaceVerticalSize

    (Optional)

    Default value