SplitButtonProps
Definition
Package:@progress/kendo-vue-buttons
Properties
accessKey?
string
Specifies the accessKey of the main button.
ariaLabel?
string
Specifies the ariaLabel of the main button. By default it is set to the text of the SplitButton and 'splitbutton'.
buttonClass?
string
Sets the className of the main button.
className?
string
Sets the className of the SplitButton component.
dir?
string
Sets the direction of the component.
disabled?
boolean
Determines whether the component is disabled (see example).
fillMode?
"solid" | "outline" | "flat" | "link"
Configures the fillMode of the Button.
The available options are:
- solid
- outline
- flat
- link
undefined
icon?
string
Defines an icon that will be rendered next to the main button text (see example).
iconClass?
string
Defines an icon with a custom CSS class that will be rendered next to the main button text (see example).
imageUrl?
string
Defines the location of an image that will be displayed next to the main button text (see example).
item?
any
Defines a named slot string, functional or class component which is used for rendering items (see example). The default rendering includes an icon, an image, and text.
itemRender?
any
Fires when a dropdown list button item is about to be rendered. Use it to override the default appearance of the list items.
if item prop is not declared, itemRender behaves like item, for backward compatibility with versions before 4.2.0
items?
any[]
Specifies the list items (see example).
onBlur?
(event: SplitButtonBlurEvent) => void
Fires when the component is blurred (see example).
onButtonclick?
(event: SplitButtonClickEvent) => void
Fires when the main button is clicked (see example).
onClose?
(event: SplitButtonCloseEvent) => void
Fires when the popup which contains the items is closed (see example).
onFocus?
(event: SplitButtonFocusEvent) => void
Fires when the component is focused (see example).
onItemclick?
(event: SplitButtonItemClickEvent) => void
Fires when an item is clicked (see example).
onOpen?
(event: SplitButtonOpenEvent) => void
Fires when the popup which contains the items is opened (see example).
opened?
boolean
Opens the popup of the SplitButton if set to true.
Configures the popup (see example).
rounded?
"small" | "medium" | "large" | "none" | "full"
Configures the roundness of the Button.
The available options are:
- none
- small
- medium
- large
- circle
- full
undefined
size?
"xs" | "small" | "medium" | "large"
Configures the size of the Button.
The available options are:
- xs
- small
- medium
- large
undefined
svgIcon?
SVGIcon
Defines an SVGIcon to be rendered within the SplitButton.
tabIndex?
number
Specifies the tabIndex of the main button.
text?
string
Specifies the text of the main button (see example).
textField?
string
Configures the field that will be used for the text of the items. textField has to be used together with the items prop (see example).
themeColor?
"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse"
Configures the themeColor of the Button.
The available options are:
- base
- primary
- secondary
- tertiary
- info
- success
- warning
- error
- inverse
undefined