renderFlow function

Component renderFlow(FlowProps props)

Renders a flow layout component.

Implementation

Component renderFlow(FlowProps props) {
  return dom.div(
    classes: 'arcane-flow',
    styles: dom.Styles(raw: {
      'display': 'flex',
      'flex-wrap': 'wrap',
      'flex-direction': props.reverse ? 'row-reverse' : 'row',
      'justify-content': props.mainAxisAlignment.css,
      'align-items': props.crossAxisAlignment.css,
      'align-content': props.wrapAlignment.css,
      'gap': '${props.rowGap ?? props.gap}px ${props.columnGap ?? props.gap}px',
    }),
    props.children,
  );
}