renderColumn function

Component renderColumn(
  1. ColumnProps props
)

Renders a column layout component.

Implementation

Component renderColumn(ColumnProps props) {
  return dom.div(
    classes: 'arcane-column',
    styles: dom.Styles(raw: {
      'display': 'flex',
      'flex-direction': 'column',
      'justify-content': props.mainAxisAlignment.css,
      'align-items': props.crossAxisAlignment.css,
      if (props.mainAxisSize == MainAxisSize.max) 'height': '100%',
      if (props.gap > 0) 'gap': '${props.gap}px',
    }),
    props.children,
  );
}