Layout Component

Purpose

Layout Component is a component that display child components in a specific layout.

Example

component: layout
props:
  orientation: "horizontal" # vertical, horizontal, flex
  cols: 2
  className: "block"
  childClassName: "child"
children:
  - component: text
    props:
      value: "Hello World"
  - component: text
    props:
      value: "Hello World"

Props

• orientation (string): The orientation of the layout. It accepts vertical, horizontal, flex. Default is horizontal.
• cols (number): The number of columns in the layout. Optional.
• className (string): The class name of the layout.
• childClassName (string): The class name of the children.