.NET MAUI NavigationButton ToolbarItem

Updated on Sep 17, 2026

Add a navigation button in the Toolbar control using the NavigationButtonToolbarItem. The NavigationButtonToolbarItem inherits from ButtonToolbarItem. All properties applicable for button toolbar item can be used in the navigation button toolbar item.

• Items(IList<ToolbarItem>)—Read-only collection of Telerik.Maui.Controls.ToolbarItems to navigate to in the toolbar.

• Text(string)—Defines the text(target type Label) in the toolbar item. You can display an image next to the text.

• ImageSource(Microsoft.Maui.Controls.ImageSource)—Specifies the source of the image to display in the toolbar item.

XAML

<telerik:NavigationButtonToolbarItem Text="NavigationButton">
    <telerik:NavigationButtonToolbarItem.ImageSource>
        <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconBrightness}"
                         FontFamily="{x:Static telerik:TelerikFont.Name}"
                         Size="16" />
    </telerik:NavigationButtonToolbarItem.ImageSource>
    <telerik:SliderToolbarItem Minimum="0"
                               Maximum="100"
                               Value="50" />
</telerik:NavigationButtonToolbarItem>

Events

The exposed events are:

• Clicked—Raised when the button is clicked.

Commands

The available commands are:

• Command(ICommand)—Specifies the command to execute when the button is clicked.
• CommandParameter(object)—Specifies the parameter of the command, which is executed when the button is clicked.

Styling

Use the Style property with target type Telerik.Maui.Controls.NavigationButtonToolbarItemView. Use all properties available for the ButtonToolbarItemView, LabelToolbarItemView and ToolbarItemView in the NavigationButtonToolbarItemView.

Here is an example of how to style the NavigationButtonToolbarItem and setting the visual states:

XAML

<Style TargetType="telerik:ButtonToolbarItemView" x:Key="buttonItemStyle">
    <Setter Property="CornerRadius" Value="4" />
    <Setter Property="VisualStateManager.VisualStateGroups">
        <VisualStateGroupList>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal">
                    <VisualState.Setters>
                        <Setter Property="BackgroundColor" Value="Transparent" />
                        <Setter Property="TextColor" Value="#1188FF" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="PointerOver">
                    <VisualState.Setters>
                        <Setter Property="BackgroundColor" Value="#E6F2FF" />
                        <Setter Property="TextColor" Value="#0A5CBF" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="Opened">
                    <VisualState.Setters>
                        <Setter Property="BackgroundColor" Value="#1188FF" />
                        <Setter Property="TextColor" Value="White" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="Disabled">
                    <VisualState.Setters>
                        <Setter Property="BackgroundColor" Value="Transparent" />
                        <Setter Property="TextColor" Value="#B0B0B0" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateGroupList>
    </Setter>
</Style>

See Also

• SplitButton ToolbarItem
• ToggleButton ToolbarItem
• Label ToolbarItem
• ListPicker ToolbarItem
• Group ToolbarItem
• RadioButton ToolbarItem
• Slider ToolbarItem