ContextQMD
Back to Devexpress

DevExpress Button & Toggle Button for .NET MAUI

maui-405102-utility-controls-button-index.md

latest2.9 KB
Original Source

DevExpress Button & Toggle Button for .NET MAUI

  • Aug 22, 2024
  • 2 minutes to read

The DevExpress Mobile UI for .NET MAUI suite ships with DXButton and DXToggleButton controls.

Button

The DevExpress DXButton for .NET MAUI performs the assigned action when a user taps it. The control can display a caption string ( Content ), icon ( Icon ), or both.

Add a DXButton to the Page

Before you proceed, read the following topic: Get Started with DevExpress Controls for .NET Multi-platform App UI (.NET MAUI).

The following example adds a DXButton to the page and sets its content to match the image above:

xaml
<ContentPage ...
             xmlns:dx="clr-namespace:DevExpress.Maui.Core;assembly=DevExpress.Maui.Core">
        <dx:DXButton ...
            Content="CLEAR" 
            Icon="clear" />
</ContentPage>

Toggle Button

The DevExpress DXToggleButton for .NET MAUI performs the assigned action when a user switches it to the checked or unchecked state. The control can display a caption string ( Content ), icon ( Icon ), or both.

Add a DXToggleButton to the Page

Before you proceed, read the following topic: Get Started with DevExpress Controls for .NET Multi-platform App UI (.NET MAUI).

The following example adds a DXToggleButton to the page and sets its content to match the image above:

xaml
<ContentPage ...
             xmlns:dx="clr-namespace:DevExpress.Maui.Core;assembly=DevExpress.Maui.Core"
        <dx:DXToggleButton ...
            Content="Bookmark" 
            Icon="bookmark" />
</ContentPage>

Expandable Cards with Lists

Cards with Custom Content

Master-Detail View with BottomSheet Control