SplitButton (Angular)link

This guide demonstrates how to use the SplitButton component.

SplitButton Propertieslink

Name	Type	Default	Description
Name	string	'splitbutton' + index suffix	Unique name of the splitbutton.
Text	string/expression	empty	SplitButton text.
Icon	string	null	SplitButton icon.
Items	array of items	null	SplitButton items.

For more info about expressions please visit expressions in our documentation.

Name	Type	Default	Description
Click	event	null	Click event of the SplitButton. No event arguments or clicked item as event argument.

For more info about event actions please visit event actions in our documentation.

<rz-splitbutton #splitbutton0 (click)="splitbutton0Click($event)">
</rz-splitbutton>

Name	Type	Default	Description
Text	string	string	SplitButton item text.
Value	string	string	SplitButton item value.
Icon	string	null	SplitButton item icon.

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: