ToolBarSplitButtonComponent

The CSS classes that will be rendered on the button which opens the popup. Supports the type of values that are supported by ngClass.

Specifies the name of the font icon that will be rendered for the button which opens the popup.

Specifies the SVGIcon that will be rendered for the button which opens the popup.

The CSS classes that will be rendered on the main button. Supports the type of values that are supported by ngClass.

Sets the data of the SplitButton (see example).

The data has to be provided in an array-like list.

When set to true, disables a SplitButton item.

The fillMode property specifies the background and border styles of the Button.

The available values are:

• solid (default)
• flat
• outline
• link
• null

Defines the icon that will be rendered next to the button text (see example).

Defines an icon with a custom CSS class that will be rendered next to the button text.

Defines the location of an image that will be displayed next to the button text.

Configures the popup of the SplitButton.

The available options are:

• animate:Boolean—Controls the popup animation. By default, the open and close animations are enabled.
• popupClass:String—Specifies a list of CSS classes that are used to style the popup.

Specifies where button icon should be displayed

Specifies where button text should be displayed

Defines an SVGIcon to be rendered within the main button. The input can take either an existing Kendo SVG icon or a custom one.

Sets the text of the SplitButton (see example.

Configures the text field of the button-list popup.

The Button allows you to specify predefined theme colors. The theme color will be applied as a background and border color while also amending the text color accordingly.

The possible values are:

• base —Applies coloring based on the base theme color. (default)
• primary —Applies coloring based on the primary theme color.
• secondary—Applies coloring based on the secondary theme color.
• tertiary— Applies coloring based on the tertiary theme color.
• info—Applies coloring based on the info theme color.
• success— Applies coloring based on the success theme color.
• warning— Applies coloring based on the warning theme color.
• error— Applies coloring based on the error theme color.
• dark— Applies coloring based on the dark theme color.
• light— Applies coloring based on the light theme color.
• inverse— Applies coloring based on the inverse theme color.
• null —Removes the default CSS class (no class would be rendered).