Toolbar

new ac.navigations.Toolbar(
    {
        items: items
    },
    "#cntlDefaultToolbar"
);

<div id="cntlToolbar"></div>

const items = [
    {
        prefixIcon: "a-icons a-cut",
        tooltipText: "Cut",
        text: "Cut"
    },
    {
        prefixIcon: "a-icons a-copy",
        tooltipText: "Copy",
        text: "Copy"
    },
    {
        prefixIcon: "a-icons a-paste",
        tooltipText: "Paste",
        text: "Paste"
    },
    {
        type: "Separator"
    },
    {
        prefixIcon: "a-icons a-bold",
        tooltipText: "Bold",
        text: "Bold"
    },
    {
        prefixIcon: "a-icons a-underline",
        tooltipText: "Underline",
        text: "Underline"
    },
    {
        prefixIcon: "a-icons a-italic",
        tooltipText: "Italic",
        text: "Italic"
    },
    {
        type: "Separator"
    },
    {
        prefixIcon: "a-icons a-list-unordered",
        text: "Bullets",
        tooltipText: "Bullets"
    },
    {
        prefixIcon: "a-icons a-list-ordered",
        text: "Numbering",
        tooltipText: "Numbering"
    },
    {
        type: "Separator"
    },
    {
        prefixIcon: "a-icons a-undo",
        tooltipText: "Undo",
        text: "Undo"
    },
    {
        prefixIcon: "a-icons a-redo",
        tooltipText: "Redo",
        text: "Redo"
    },
    {
        type: "Separator"
    },
    {
        prefixIcon: "a-icons a-align-left",
        tooltipText: "Align-Left",
        text: "Left"
    },
    {
        prefixIcon: "a-icons a-align-right",
        tooltipText: "Align-Right",
        text: "Right"
    },
    {
        prefixIcon: "a-icons a-align-center",
        tooltipText: "Align-Center",
        text: "Center"
    },
    {
        prefixIcon: "a-icons a-justify",
        tooltipText: "Align-Justify",
        text: "Justify"
    },
    {
        type: "Separator"
    },
    {
        prefixIcon: "a-icons a-increasa-indent",
        tooltipText: "Text-Indent",
        text: "Indent"
    },
    {
        prefixIcon: "a-icons a-decreasa-indent",
        text: "Outdent",
        tooltipText: "Text-Outdent"
    },
    {
        prefixIcon: "a-icons a-erase",
        text: "Clear",
        tooltipText: "Clear"
    }
];