diff --git a/packages/default/scss/toolbar/_layout.scss b/packages/default/scss/toolbar/_layout.scss
index 57d5d78211f..1b3c371235b 100644
--- a/packages/default/scss/toolbar/_layout.scss
+++ b/packages/default/scss/toolbar/_layout.scss
@@ -132,12 +132,6 @@
     }
 
 
-    // Angular specific
-    .k-toolbar-renderer {
-        display: inline-block;
-        border-color: inherit;
-    }
-
     // Toolbar sizes
     @each $size, $size-props in $kendo-toolbar-sizes {
         $_padding-x: map.get( $size-props, padding-x );
diff --git a/packages/fluent/scss/toolbar/_layout.scss b/packages/fluent/scss/toolbar/_layout.scss
index 454f4dbc087..aecd0f064a6 100644
--- a/packages/fluent/scss/toolbar/_layout.scss
+++ b/packages/fluent/scss/toolbar/_layout.scss
@@ -110,12 +110,6 @@
         gap: inherit;
     }
 
-    // Angular specific
-    .k-toolbar-renderer {
-        display: inline-block;
-        border-color: inherit;
-    }
-
     // Toolbar sizes
     @each $size, $size-props in $kendo-toolbar-sizes {
         $_padding-x: map.get( $size-props, padding-x );
diff --git a/packages/html/src/toolbar/index.ts b/packages/html/src/toolbar/index.ts
index e400a2a7aa5..19e2110cb4c 100644
--- a/packages/html/src/toolbar/index.ts
+++ b/packages/html/src/toolbar/index.ts
@@ -1,9 +1,6 @@
 export * from './toolbar.spec';
-export * from './toolbar-angular.spec';
 export * from './toolbar-separator';
 export * from './toolbar-item.spec';
 export * from './toolbar-popup.spec';
 export * from './templates/toolbar-normal';
 export * from './templates/toolbar-resizable';
-export * from './templates/toolbar-angular-normal';
-export * from './templates/toolbar-angular-resizable';
diff --git a/packages/html/src/toolbar/templates/toolbar-angular-normal.tsx b/packages/html/src/toolbar/templates/toolbar-angular-normal.tsx
deleted file mode 100644
index c7e8195817c..00000000000
--- a/packages/html/src/toolbar/templates/toolbar-angular-normal.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { ToolbarAngular } from "../toolbar-angular.spec";
-import { Button } from "../../button";
-import { ButtonGroup } from "../../button-group";
-import { MenuButton } from "../../menu-button";
-import { SplitButton } from "../../split-button";
-
-export const ToolbarAngularNormal = (props) => (
-    <ToolbarAngular children={[
-        <Button key="toolbar-button">Button</Button>,
-        <MenuButton key="toolbar-menu-button" text="Menu button"></MenuButton>,
-        <SplitButton key="toolbar-split-button">Split button</SplitButton>,
-        <ButtonGroup key="toolbar-button-group">
-            <Button className="k-group-start" icon="align-left">Left</Button>
-            <Button icon="align-center">Center</Button>
-            <Button className="k-group-end" icon="align-right">Right</Button>
-        </ButtonGroup>
-    ]}
-    {...props}
-    />
-);
diff --git a/packages/html/src/toolbar/templates/toolbar-angular-resizable.tsx b/packages/html/src/toolbar/templates/toolbar-angular-resizable.tsx
deleted file mode 100644
index 8e5f315469a..00000000000
--- a/packages/html/src/toolbar/templates/toolbar-angular-resizable.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ToolbarAngular } from "../toolbar-angular.spec";
-import { Button } from "../../button";
-import { ButtonGroup } from "../../button-group";
-import { MenuButton } from "../../menu-button";
-import { SplitButton } from "../../split-button";
-
-export const ToolbarAngularResizable = (props) => (
-    <ToolbarAngular resizable children={[
-        <Button key="toolbar-button">Button</Button>,
-        <MenuButton key="toolbar-menu-button" text="Menu button"></MenuButton>,
-        <SplitButton key="toolbar-split-button">Split button</SplitButton>,
-        <ButtonGroup key="toolbar-button-group">
-            <Button className="k-group-start" icon="align-left">Left</Button>
-            <Button icon="align-center">Center</Button>
-            <Button className="k-group-end" icon="align-right">Right</Button>
-        </ButtonGroup>,
-        <Button icon="more-vertical" className="k-toolbar-overflow-button" fillMode="flat" rounded={null}></Button>
-    ]}
-    {...props}
-    />
-);
diff --git a/packages/html/src/toolbar/tests/toolbar-angular.tsx b/packages/html/src/toolbar/tests/toolbar-angular.tsx
deleted file mode 100644
index 6fbef515aea..00000000000
--- a/packages/html/src/toolbar/tests/toolbar-angular.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Button } from '../../button';
-import { SplitButton } from '../../split-button';
-import { MenuButton } from '../../menu-button';
-import { ToolbarAngularNormal, ToolbarSeparator } from '../../toolbar';
-import { ButtonGroup } from '../../button-group';
-
-export default () =>(
-    <>
-        <div id="test-area" className="k-d-grid k-grid-cols-2">
-
-            <span className="k-colspan-all k-col-span-full">Angular specific rendering and spacing</span>
-            <section className="k-colspan-all k-col-span-full">
-                <ToolbarAngularNormal>
-                    <Button>Button</Button>
-                    <div className="k-toolbar-renderer">
-                        <ToolbarSeparator></ToolbarSeparator>
-                    </div>
-                    <SplitButton>Split button</SplitButton>
-                    <div className="k-toolbar-renderer">
-                        <ToolbarSeparator></ToolbarSeparator>
-                    </div>
-                    <MenuButton text="Menu button"></MenuButton>
-                    <div className="k-toolbar-renderer">
-                        <ToolbarSeparator></ToolbarSeparator>
-                    </div>
-                    <ButtonGroup>
-                        <Button className="k-group-start" icon="align-left"></Button>
-                        <Button icon="align-center"></Button>
-                        <Button icon="align-right"></Button>
-                        <Button className="k-group-end" icon="align-justify"></Button>
-                    </ButtonGroup>
-                </ToolbarAngularNormal>
-            </section>
-
-
-            <span>wrapped</span>
-            <span>rtl</span>
-
-            <section>
-                <ToolbarAngularNormal>
-                    <Button>Button</Button>
-                    <SplitButton>Split button</SplitButton>
-                    <MenuButton text="Menu button"></MenuButton>
-                    <ButtonGroup>
-                        <Button className="k-group-start" icon="align-left">Left</Button>
-                        <Button icon="align-center">Center</Button>
-                        <Button icon="align-right">Right</Button>
-                        <Button className="k-group-end" icon="align-justify">Justify</Button>
-                    </ButtonGroup>
-                </ToolbarAngularNormal>
-            </section>
-            <section dir="rtl">
-                <ToolbarAngularNormal>
-                    <Button>Button</Button>
-                    <SplitButton>Split button</SplitButton>
-                    <MenuButton text="Menu button"></MenuButton>
-                    <ButtonGroup>
-                        <Button className="k-group-start" icon="align-left">Left</Button>
-                        <Button icon="align-center">Center</Button>
-                        <Button icon="align-right">Right</Button>
-                        <Button className="k-group-end" icon="align-justify">Justify</Button>
-                    </ButtonGroup>
-                </ToolbarAngularNormal>
-            </section>
-
-        </div>
-    </>
-);
diff --git a/packages/html/src/toolbar/toolbar-angular.spec.tsx b/packages/html/src/toolbar/toolbar-angular.spec.tsx
deleted file mode 100644
index ff1a3cdf877..00000000000
--- a/packages/html/src/toolbar/toolbar-angular.spec.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import { Button } from '../button';
-import { ButtonGroup } from '../button-group';
-import { ColorPicker } from '../colorpicker';
-import { Combobox } from '../combobox';
-import { DropdownList } from '../dropdownlist';
-import { MenuButton } from '../menu-button';
-import SplitButton from '../split-button/split-button.spec';
-import { classNames, optionClassNames, stateClassNames, States, Size, FillMode } from '../misc';
-
-export const TOOLBARANGULAR_CLASSNAME = `k-toolbar`;
-
-const states = [
-    States.focus,
-];
-
-const options = {
-    size: [ Size.small, Size.medium, Size.large ],
-    fillMode: [FillMode.solid, FillMode.outline, FillMode.flat],
-};
-
-export type KendoToolbarAngularOptions = {
-  size?: (typeof options.size)[number] | null;
-  fillMode?: (typeof options.fillMode)[number] | null;
-};
-
-export type KendoToolbarAngularProps = KendoToolbarAngularOptions & {
-    resizable?: boolean;
-};
-
-export type KendoToolbarAngularState = { [K in (typeof states)[number]]?: boolean };
-
-const defaultOptions = {
-    size: Size.medium,
-    fillMode: FillMode.solid
-};
-
-export const ToolbarAngular = (
-    props: KendoToolbarAngularProps &
-        KendoToolbarAngularState &
-        React.HTMLAttributes<HTMLDivElement>
-) => {
-    const {
-        size = defaultOptions.size,
-        fillMode = defaultOptions.fillMode,
-        focus,
-        resizable,
-        ...other
-    } = props;
-
-    const toolbarChildren: React.JSX.Element[] = [];
-
-    const addUniqueToolClass = (child, index) => {
-        const tempToolbarChildren: React.JSX.Element[] = [];
-
-        if (child.type === Button && child.props.className && child.props.className.includes('k-toolbar-overflow-button')) {
-            tempToolbarChildren.push(
-                <Button
-                    key={`${index}-${new Date().getTime()}`}
-                    {...child.props}
-                    className={`${child.props.className ? child.props.className : ''}`}
-                ></Button>
-            );
-        } else if (child.type === Button) {
-            tempToolbarChildren.push(
-                <div className="k-toolbar-renderer">
-                    <Button
-                        key={`${index}-${new Date().getTime()}`}
-                        {...child.props}
-                        className={`k-toolbar-button ${child.props.className ? child.props.className : ''}`}
-                    ></Button>
-                </div>
-            );
-        } else if (child.type === MenuButton) {
-            tempToolbarChildren.push(
-                <div className="k-toolbar-renderer">
-                    <MenuButton
-                        key={`${index}-${new Date().getTime()}`}
-                        {...child.props}
-                        className={`k-toolbar-menu-button ${child.props.className ? child.props.className : ''}`}
-                    ></MenuButton>
-                </div>
-            );
-        } else if (child.type === SplitButton) {
-            tempToolbarChildren.push(
-                <div className="k-toolbar-renderer">
-                    <SplitButton
-                        key={`${index}-${new Date().getTime()}`}
-                        {...child.props}
-                        className={`k-toolbar-split-button ${child.props.className ? child.props.className : ''}`}
-                    ></SplitButton>
-                </div>
-            );
-        } else if (child.type === ButtonGroup || child.props.className && child.props.className.includes('k-button-group')) {
-            const buttonGroupItems: React.JSX.Element[] = [];
-            const childrenArray = Array.isArray(child.props.children) ? child.props.children : [ child.props.children ];
-
-            childrenArray.forEach((button, bindex) => {
-                buttonGroupItems.push(
-                    <Button
-                        key={`${bindex}-${new Date().getTime()}`}
-                        {...button.props}
-                        className={`k-toolbar-button ${button.props.className ? button.props.className : ''}`}
-                    ></Button>
-                );
-            });
-
-            tempToolbarChildren.push(
-                <div className="k-toolbar-renderer">
-                    <ButtonGroup
-                        key={`${index}-${new Date().getTime()}`}
-                        {...child.props}
-                        className={`k-toolbar-button-group ${child.props.className ? child.props.className : ''}`}
-                    >
-                        {buttonGroupItems}
-                    </ButtonGroup>
-                </div>
-            );
-        } else if (child.type === Combobox) {
-            tempToolbarChildren.push(
-                <div className="k-toolbar-renderer">
-                    <Combobox
-                        key={`${index}-${new Date().getTime()}`}
-                        {...child.props}
-                        className={`k-toolbar-combobox ${child.props.className ? child.props.className : ''}`}
-                    ></Combobox>
-                </div>
-            );
-        } else if (child.type === DropdownList) {
-            tempToolbarChildren.push(
-                <div className="k-toolbar-renderer">
-                    <DropdownList
-                        key={`${index}-${new Date().getTime()}`}
-                        {...child.props}
-                        className={`k-toolbar-dropdownlist ${child.props.className ? child.props.className : ''}`}
-                    ></DropdownList>
-                </div>
-            );
-        } else if (child.type === ColorPicker) {
-            tempToolbarChildren.push(
-                <div className="k-toolbar-renderer">
-                    <ColorPicker
-                        key={`${index}-${new Date().getTime()}`}
-                        {...child.props}
-                        className={`k-toolbar-colorpicker ${child.props.className ? child.props.className : ''}`}
-                    ></ColorPicker>
-                </div>
-            );
-        } else {
-            tempToolbarChildren.push(child);
-        }
-
-        tempToolbarChildren.forEach(item => {
-            toolbarChildren.push(item);
-        });
-    };
-
-    if (props.children) {
-        const childrenArray = Array.isArray(props.children) ? props.children : [ props.children ];
-
-        childrenArray.forEach((child, index) => {
-            addUniqueToolClass(child, index);
-        });
-    }
-
-    return (
-        <div
-            {...other}
-            className={classNames(
-                props.className,
-                TOOLBARANGULAR_CLASSNAME,
-                optionClassNames(TOOLBARANGULAR_CLASSNAME, {
-                    size,
-                    fillMode
-                }),
-                stateClassNames(TOOLBARANGULAR_CLASSNAME, {
-                    focus,
-                }),
-                {
-                    [`${TOOLBARANGULAR_CLASSNAME}-resizable`]: resizable,
-                }
-            )}
-        >
-            {toolbarChildren}
-        </div>
-    );
-};
-
-ToolbarAngular.states = states;
-ToolbarAngular.options = options;
-ToolbarAngular.className = TOOLBARANGULAR_CLASSNAME;
-ToolbarAngular.defaultOptions = defaultOptions;
-
-export default ToolbarAngular;
diff --git a/tests/_output/bootstrap/toolbar/toolbar-angular.png b/tests/_output/bootstrap/toolbar/toolbar-angular.png
deleted file mode 100644
index d63682e5e50..00000000000
Binary files a/tests/_output/bootstrap/toolbar/toolbar-angular.png and /dev/null differ
diff --git a/tests/_output/classic/toolbar/toolbar-angular.png b/tests/_output/classic/toolbar/toolbar-angular.png
deleted file mode 100644
index 6b44a80c678..00000000000
Binary files a/tests/_output/classic/toolbar/toolbar-angular.png and /dev/null differ
diff --git a/tests/_output/default/toolbar/toolbar-angular.png b/tests/_output/default/toolbar/toolbar-angular.png
deleted file mode 100644
index 580b2fcfdcb..00000000000
Binary files a/tests/_output/default/toolbar/toolbar-angular.png and /dev/null differ
diff --git a/tests/_output/fluent/toolbar/toolbar-angular.png b/tests/_output/fluent/toolbar/toolbar-angular.png
deleted file mode 100644
index 10298f34ab1..00000000000
Binary files a/tests/_output/fluent/toolbar/toolbar-angular.png and /dev/null differ
diff --git a/tests/_output/material/toolbar/toolbar-angular.png b/tests/_output/material/toolbar/toolbar-angular.png
deleted file mode 100644
index 1c88ee84de8..00000000000
Binary files a/tests/_output/material/toolbar/toolbar-angular.png and /dev/null differ
diff --git a/tests/toolbar/toolbar-angular.html b/tests/toolbar/toolbar-angular.html
deleted file mode 100644
index 7e6115c12fa..00000000000
--- a/tests/toolbar/toolbar-angular.html
+++ /dev/null
@@ -1,237 +0,0 @@
-<!doctype html>
-<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
-<head>
-    <title>Document</title>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
-    <link rel="stylesheet" data-role="kendo-theme-utils" href="/packages/utils/dist/all.css">
-    <link rel="stylesheet" href="/packages/html/assets/styles.css">
-    <script src="/packages/html/assets/scripts.js"></script>
-</head>
-<body id="app" class="k-body">
-    <div id="test-area" class="k-d-grid k-grid-cols-2">
-        <span class="k-colspan-all k-col-span-full">Angular specific rendering and spacing</span>
-        <section class="k-colspan-all k-col-span-full">
-            <div class="k-toolbar k-toolbar-md k-toolbar-solid">
-                <div class="k-toolbar-renderer">
-                    <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                        <span class="k-button-text">Button</span>
-                    </button>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-separator"></div>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-toolbar-split-button  k-split-button k-button-group k-rounded-md">
-                        <button class="k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-text">Split button</span>
-                        </button>
-                        <button class="k-split-button-arrow k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M256 352 128 160h256z"></path>
-                                </svg>
-                            </span>
-                        </button>
-                    </div>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-separator"></div>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <button class="k-toolbar-menu-button  k-menu-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                        <span class="k-button-text">Menu button</span>
-                        <span class="k-menu-button-arrow k-button-arrow">
-                            <span class="k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M256 352 128 160h256z"></path>
-                                </svg>
-                            </span>
-                        </span>
-                    </button>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-separator"></div>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-toolbar-button-group  k-button-group k-button-group-solid">
-                        <button class="k-toolbar-button k-group-start k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-left">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 96H64V64h384zm-96 32H64v32h288zm96 64H64v32h384zm-96 64H64v32h288zm96 64H64v32h384zm-96 64H64v32h288z"></path>
-                                </svg>
-                            </span>
-                        </button>
-                        <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-center">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 96H64V64h384zm-64 64H128v-32h256zm64 64H64v-32h384zm-64 64H128v-32h256zm64 64H64v-32h384zm-64 64H128v-32h256z"></path>
-                                </svg>
-                            </span>
-                        </button>
-                        <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-right">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M64 192h384v32H64zm384-96V64H64v32zm-288 64h288v-32H160zM64 320v32h384v-32zm96-32h288v-32H160zm0 96v32h288v-32z"></path>
-                                </svg>
-                            </span>
-                        </button>
-                        <button class="k-toolbar-button k-group-end k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-justify">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 160H64v-32h384zm0-96H64v32h384zM64 352h384v-32H64zm0-64h384v-32H64zm0-64h384v-32H64zm0 192h384v-32H64z"></path>
-                                </svg>
-                            </span>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <span>wrapped</span>
-        <span>rtl</span>
-        <section>
-            <div class="k-toolbar k-toolbar-md k-toolbar-solid">
-                <div class="k-toolbar-renderer">
-                    <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                        <span class="k-button-text">Button</span>
-                    </button>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-toolbar-split-button  k-split-button k-button-group k-rounded-md">
-                        <button class="k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-text">Split button</span>
-                        </button>
-                        <button class="k-split-button-arrow k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M256 352 128 160h256z"></path>
-                                </svg>
-                            </span>
-                        </button>
-                    </div>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <button class="k-toolbar-menu-button  k-menu-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                        <span class="k-button-text">Menu button</span>
-                        <span class="k-menu-button-arrow k-button-arrow">
-                            <span class="k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M256 352 128 160h256z"></path>
-                                </svg>
-                            </span>
-                        </span>
-                    </button>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-toolbar-button-group  k-button-group k-button-group-solid">
-                        <button class="k-toolbar-button k-group-start k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-left">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 96H64V64h384zm-96 32H64v32h288zm96 64H64v32h384zm-96 64H64v32h288zm96 64H64v32h384zm-96 64H64v32h288z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Left</span>
-                        </button>
-                        <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-center">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 96H64V64h384zm-64 64H128v-32h256zm64 64H64v-32h384zm-64 64H128v-32h256zm64 64H64v-32h384zm-64 64H128v-32h256z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Center</span>
-                        </button>
-                        <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-right">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M64 192h384v32H64zm384-96V64H64v32zm-288 64h288v-32H160zM64 320v32h384v-32zm96-32h288v-32H160zm0 96v32h288v-32z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Right</span>
-                        </button>
-                        <button class="k-toolbar-button k-group-end k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-justify">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 160H64v-32h384zm0-96H64v32h384zM64 352h384v-32H64zm0-64h384v-32H64zm0-64h384v-32H64zm0 192h384v-32H64z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Justify</span>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <section dir="rtl">
-            <div class="k-toolbar k-toolbar-md k-toolbar-solid">
-                <div class="k-toolbar-renderer">
-                    <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                        <span class="k-button-text">Button</span>
-                    </button>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-toolbar-split-button  k-split-button k-button-group k-rounded-md">
-                        <button class="k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-text">Split button</span>
-                        </button>
-                        <button class="k-split-button-arrow k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M256 352 128 160h256z"></path>
-                                </svg>
-                            </span>
-                        </button>
-                    </div>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <button class="k-toolbar-menu-button  k-menu-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                        <span class="k-button-text">Menu button</span>
-                        <span class="k-menu-button-arrow k-button-arrow">
-                            <span class="k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M256 352 128 160h256z"></path>
-                                </svg>
-                            </span>
-                        </span>
-                    </button>
-                </div>
-                <div class="k-toolbar-renderer">
-                    <div class="k-toolbar-button-group  k-button-group k-button-group-solid">
-                        <button class="k-toolbar-button k-group-start k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-left">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 96H64V64h384zm-96 32H64v32h288zm96 64H64v32h384zm-96 64H64v32h288zm96 64H64v32h384zm-96 64H64v32h288z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Left</span>
-                        </button>
-                        <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-center">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 96H64V64h384zm-64 64H128v-32h256zm64 64H64v-32h384zm-64 64H128v-32h256zm64 64H64v-32h384zm-64 64H128v-32h256z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Center</span>
-                        </button>
-                        <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-right">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M64 192h384v32H64zm384-96V64H64v32zm-288 64h288v-32H160zM64 320v32h384v-32zm96-32h288v-32H160zm0 96v32h288v-32z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Right</span>
-                        </button>
-                        <button class="k-toolbar-button k-group-end k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
-                            <span class="k-button-icon k-icon k-svg-icon k-svg-i-align-justify">
-                                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                    <path d="M448 160H64v-32h384zm0-96H64v32h384zM64 352h384v-32H64zm0-64h384v-32H64zm0-64h384v-32H64zm0 192h384v-32H64z"></path>
-                                </svg>
-                            </span>
-                            <span class="k-button-text">Justify</span>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </section>
-    </div>
-</body>
-</html>