maui-linux/samples/ControlGallery/Pages/ButtonsPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ControlGallery.Pages.ButtonsPage"
             Title="Buttons">

    <ScrollView>
        <VerticalStackLayout Spacing="20" Padding="20">

            <Label Text="Button Controls" FontSize="24" FontAttributes="Bold" />

            <!-- Basic Button -->
            <Frame Padding="15" CornerRadius="8">
                <VerticalStackLayout Spacing="10">
                    <Label Text="Basic Button" FontAttributes="Bold" />
                    <Button Text="Click Me" Clicked="OnButtonClicked" />
                    <Label x:Name="ButtonResultLabel" Text="Button not clicked yet" TextColor="{StaticResource Gray400}" />
                </VerticalStackLayout>
            </Frame>

            <!-- Styled Buttons -->
            <Frame Padding="15" CornerRadius="8">
                <VerticalStackLayout Spacing="10">
                    <Label Text="Styled Buttons" FontAttributes="Bold" />
                    <HorizontalStackLayout Spacing="10">
                        <Button Text="Primary" BackgroundColor="{StaticResource Primary}" TextColor="White" />
                        <Button Text="Secondary" BackgroundColor="{StaticResource Secondary}" TextColor="{StaticResource Primary}" />
                        <Button Text="Tertiary" BackgroundColor="{StaticResource Tertiary}" TextColor="White" />
                    </HorizontalStackLayout>
                </VerticalStackLayout>
            </Frame>

            <!-- Button States -->
            <Frame Padding="15" CornerRadius="8">
                <VerticalStackLayout Spacing="10">
                    <Label Text="Button States" FontAttributes="Bold" />
                    <HorizontalStackLayout Spacing="10">
                        <Button Text="Normal" />
                        <Button Text="Disabled" IsEnabled="False" />
                    </HorizontalStackLayout>
                </VerticalStackLayout>
            </Frame>

            <!-- ImageButton -->
            <Frame Padding="15" CornerRadius="8">
                <VerticalStackLayout Spacing="10">
                    <Label Text="ImageButton" FontAttributes="Bold" />
                    <Label Text="ImageButton combines image and button functionality" TextColor="{StaticResource Gray500}" />
                    <ImageButton Source="dotnet_bot.png"
                                 WidthRequest="100"
                                 HeightRequest="100"
                                 BackgroundColor="{StaticResource Gray100}"
                                 CornerRadius="10"
                                 Clicked="OnImageButtonClicked" />
                </VerticalStackLayout>
            </Frame>

            <!-- Corner Radius -->
            <Frame Padding="15" CornerRadius="8">
                <VerticalStackLayout Spacing="10">
                    <Label Text="Corner Radius" FontAttributes="Bold" />
                    <HorizontalStackLayout Spacing="10">
                        <Button Text="Square" CornerRadius="0" />
                        <Button Text="Rounded" CornerRadius="8" />
                        <Button Text="Pill" CornerRadius="20" />
                    </HorizontalStackLayout>
                </VerticalStackLayout>
            </Frame>

        </VerticalStackLayout>
    </ScrollView>

</ContentPage>