renderToolbar function

Component renderToolbar(
  1. ToolbarProps props
)

Renders a toolbar component.

Implementation

Component renderToolbar(ToolbarProps props) {
  final String effectivePadding =
      props.padding?.padding ?? '4px 8px';

  return dom.div(
    classes: 'arcane-toolbar',
    styles: dom.Styles(raw: {
      'display': 'flex',
      'flex-direction': 'row',
      'justify-content': props.mainAxisAlignment.css,
      'align-items': props.crossAxisAlignment.css,
      'gap': '${props.gap}px',
      'padding': effectivePadding,
    }),
    props.children,
  );
}