Select theme:

Material 3

Button (Angular)link

This guide demonstrates how to use the Button component.

Button Propertieslink

NameTypeDefaultDescription
Namestring'button' + index suffixUnique name of the button.
Textstring/expressionemptyButton text.
IconstringnullButton icon.
ButtonStylestringdefault/blue-grayButton style.

image

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

Select icon

image

Select style

image

Button Eventslink

NameTypeDefaultDescription
ClickeventnullClick event of the button. No event arguments.

image

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

Angular declarationlink

<rz-button #button0 (click)="button0Click($event)">
</rz-button>

© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3