Implement a Material Design 3 Theme Selector

• Jul 18, 2024

This example uses DevExpress .NET MAUI Components to create a Material Design 3 theme selector.

View Example: DevExpress .NET MAUI Controls - Implement a Material Design 3 Theme Selector

Related Controls: DXScrollView, Label, ChoiceChipGroup, DXBorder, DXCollectionView, DXButton

Anatomy

The following image illustrates the structure of user interface elements:

Related Properties:

• DXStackLayout: Orientation, ItemSpacing

• Label: Text

• ChoiceChipGroup: SelectedItem, IsMultiline, ItemsSource, ChipContentTemplate

• DXBorder: BackgroundColor, CornerRadius

• DXCollectionView: SelectedItemTemplate, ItemsSource, ItemTemplate

• DXButton: Content, ButtonType

Implementation Details

Refer to the following GitHub example to see implementation details:

View Example: DevExpress .NET MAUI Controls - Implement a Material Design 3 Theme Selector