@progress/kendo-vue-buttons
Version:
49 lines (48 loc) • 1.79 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
/**
* Represents the [Kendo UI for Vue ToolbarSpacer component]({% slug overview_toolbar %}). A spacer element for the sub-elements of the Toolbar.
*
* ```jsx
* <template>
* <div>
* <Toolbar>
* <ButtonGroup :class="'k-toolbar-button-group'">
* <Button
* :class="'k-toolbar-button'"
* :svg-icon="boldIcon"
* :title="'Bold'"
* :togglable="true"
* />
* <Button
* :class="'k-toolbar-button'"
* :svg-icon="italicIcon"
* :title="'Italic'"
* :togglable="true"
* />
* <Button
* :class="'k-toolbar-button'"
* :svg-icon="underlineIcon"
* :title="'Underline'"
* :togglable="true"
* />
* </ButtonGroup>
* <ToolbarSpacer />
* <Button :class="'k-toolbar-button'" :svg-icon="cutIcon" :title="'Cut'">
* Cut
* </Button>
* <Button :class="'k-toolbar-button'" :svg-icon="copyIcon" :title="'Copy'">
* Copy
* </Button>
* </Toolbar>
* </div>
* </template>
* ```
*/
declare const ToolbarSpacer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { ToolbarSpacer };