@progress/kendo-vue-layout
Version:
102 lines (101 loc) • 3.71 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
*-------------------------------------------------------------------------------------------
*/
import { PropType } from 'vue';
/**
* Represents the pane options of the Splitter.
*/
export interface SplitterPaneProps {
/**
* Sets the size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)). Has to be between the `min` and `max` properties.
*/
size?: string;
/**
* Sets the minimum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
*/
min?: string;
/**
* Sets the maximum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
*/
max?: string;
/**
* Specifies if the user is allowed to resize the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-resizing)). If `resizable` is not specified, the resizing of the pane will be enabled.
*/
resizable?: boolean;
/**
* Specifies if the user is allowed to hide the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-collapsing)).
*/
collapsible?: boolean;
/**
* Specifies the pane collapsed state ([see example]({% slug panes_splitter %}#toc-collapsing)).
*/
collapsed?: boolean;
/**
* Specifies if overflowing content is scrollable or hidden ([see example]({% slug panes_splitter %}#toc-scrolling)). If `scrollable` is not specified, the content will be scrollable.
*/
scrollable?: boolean;
/**
* Specifies if the content of the pane contains Splitter.
*/
containsSplitter: boolean;
/**
* Specifies if the children of the pane should be mounted when it's in collapsed state.
*/
keepMounted?: boolean;
/**
* The slot template for the content of the splitter
*/
content?: any;
}
/**
* @hidden
*/
export interface SplitterPaneExtendedProps extends SplitterPaneProps {
orientation: 'vertical' | 'horizontal' | string;
overlay: boolean;
}
/**
* @hidden
*/
declare const SplitterPane: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
orientation: {
type: PropType<string>;
default: () => any;
validator: (value: string) => any;
};
overlay: PropType<boolean>;
containsSplitter: PropType<boolean>;
size: PropType<string>;
min: PropType<string>;
max: PropType<string>;
resizable: PropType<boolean>;
collapsible: PropType<boolean>;
collapsed: PropType<boolean>;
scrollable: PropType<boolean>;
keepMounted: PropType<boolean>;
content: PropType<any>;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
orientation: {
type: PropType<string>;
default: () => any;
validator: (value: string) => any;
};
overlay: PropType<boolean>;
containsSplitter: PropType<boolean>;
size: PropType<string>;
min: PropType<string>;
max: PropType<string>;
resizable: PropType<boolean>;
collapsible: PropType<boolean>;
collapsed: PropType<boolean>;
scrollable: PropType<boolean>;
keepMounted: PropType<boolean>;
content: PropType<any>;
}>> & Readonly<{}>, {
orientation: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { SplitterPane };