fmeditor-slint/ui/tool_bar.slint

import { Theme } from "theme.slint";
import { Button } from "std-widgets.slint";
import { HorizontalSeparator } from "widgets/separator.slint";

component ToolBarItem inherits Rectangle {
    width: Theme.size-lg;
    height: Theme.size-lg;
    border-color: black;
    border-width: 1px;
    border-radius: Theme.radius-md;
}

export component ToolBar inherits Rectangle {
    width: Theme.size-xl;
    border-color: black;
    border-width: 1px;

    VerticalLayout {
        alignment: start;
        padding: Theme.padding-md;
        spacing: Theme.padding-md;

        Button {
            checkable: true;
        }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        HorizontalSeparator { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        HorizontalSeparator { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }
    }
}