New to Telerik UI for Blazor? Start a free 30-day trial

Built-in Tools

Updated on Oct 1, 2026

The Telerik ToolBar for Blazor allows you to use built-in buttons and button groups or to add a custom tool. The available built-in tools are:

ToolBarButton
ToolBarToggleButton
ToolbarButtonGroup

ToolBarButton

A toolbar button is a plain button that you can click and it raises an event so the application can respond to that.

You can add multiple buttons to the Telerik Toolbar. To do that you should add the <ToolBarButton> to the <TelerikToolBar>.

ToolBarButton parameters

The nested ToolBarButton tag exposes parameters that allow you to customize the buttons:

Parameter	Type and Default Value	Description
`Class`	`string`	The CSS class that will be rendered on the main wrapping element of the ToolbarButton. You could use that class to cascade styles.
`Enabled`	`bool` `true`	Specifies if the button is clickable.
`Icon`	`object`	Adds a font icon to the button. You can find more information on adding a font icon to a Telerik Component in Telerik Font and Svg Icons article.
`Overflow`	`ToolBarItemOverflow` enum (`Auto`)	Specifies whether the item will be hidden when the ToolBar is resized.
`OverflowText`	`string`	Defines the button text that will be shown only in the overflow popup. If not specified, it will get the default text of the item.
`Title`	`string`	Maps to the `title` HTML attribute for the `<button>`.
`Visible`	`bool` `true`	Specifies if the button will be visible in the toolbar.

The Telerik ToolBar with ToolBarButtons

Loading ...

ToolBarToggleButton

A toolbar toggle button has two states - normal and selected - and clicking it can toggle between them through two-way binding or an event.

You can add multiple toggle buttons to the Telerik Toolbar. To do that you should add the <ToolBarToggleButton> to the <TelerikToolBar>.

ToolBarToggleButton parameters

The nested ToolBarToggleButton tag exposes parameters that allow you to customize the buttons:

Parameter	Type and Default Value	Description
`Class`	`string`	The CSS class that will be rendered on the main wrapping element of the ToolbarButton. You could use that class to cascade styles.
`Enabled`	`bool` `true`	Specifies if the button is clickable.
`Icon`	`object`	Adds a font icon to the button. You can find more information on adding a font icon to a Telerik Component in Telerik Font and Svg Icons article.
`Selected`	`bool`	Specifies whether the button is in selected state. You can use it with one and two-way data binding with the `SelectedChanged` event. For more information on how to handle the `SelectedChanged` event see the Events article.
`SpriteClass`	`string`	Add a sprite class image to the button. Set this attribute to `k-icon MySpriteClass` where `MySpriteClass` defines the CSS rules for the sprite.
`Overflow`	`ToolBarItemOverflow` enum (`Auto`)	Specifies whether the item will be hidden when the ToolBar is resized.
`OverflowText`	`string`	Defines the button text that will be shown only in the overflow popup. If not specified, it will get the default text of the item.
`Title`	`string`	Maps to the `title` HTML attribute for the `<button>`.
`Visible`	`bool` `true`	Specifies if the button will be visible in the toolbar.

The Telerik ToolBar with ToolBarToggleButtons

Loading ...

ToolBarButtonGroup

The button group is a container for one or more buttons that renders them together and spaces them out from the adjacent buttons or groups.

You can add one or more group of buttons to the Toolbar. To do that you should add the <ToolBarButtonGroup> to the <TelerikToolBar>. In the button group you can place either the ToolBarButton or the ToolBarToggleButton.

ToolBarButtonGroup parameters

The nested ToolBarButtonGroup tag exposes parameters that allow you to customize the buttons:

Parameter	Type and Default Value	Description
`Class`	`string`	The CSS class that will be rendered on the main wrapping element of the ToolBarButtonGroup. You could use that class to cascade styles.
`Enabled`	`bool` `true`	Specifies if the group is clickable.
`SelectionMode`	`ButtonGroupSelectionMode` enum `Single`	Specifies whether you can select one or multiple buttons from the group at the same time (applicable for `ToolBarToggleButton` instances inside it).
`Overflow`	`ToolBarItemOverflow` enum (`Auto`)	Specifies whether the item will be hidden when the ToolBar is resized.
`OverflowText`	`string`	Defines the button text that will be shown only in the overflow popup. If not specified, it will get the default text of the item.
`Visible`	`bool` `true`	Specifies if the group will be visible in the toolbar.
`Width`	`string`	Allows you to control the width of the group.

The Telerik ToolBar with grouped buttons

Loading ...