maui-linux-samples/TodoApp/Pages/TodoDetailPage.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="TodoApp.TodoDetailPage"
             Title="Task Details"
             BackgroundColor="{AppThemeBinding Light={StaticResource PageBackgroundLight}, Dark={StaticResource PageBackgroundDark}}">

    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Delete"
                     IconImageSource="delete_white.svg"
                     Clicked="OnDeleteClicked" />
        <ToolbarItem Text="Save"
                     IconImageSource="save_white.svg"
                     Clicked="OnSaveClicked" />
    </ContentPage.ToolbarItems>

    <Grid RowDefinitions="Auto,Auto,*,Auto,Auto" RowSpacing="16" Padding="20">

        <!-- Title Section -->
        <VerticalStackLayout Grid.Row="0" Spacing="8">
            <Label Text="TITLE"
                   FontSize="13"
                   FontAttributes="Bold"
                   TextColor="{StaticResource PrimaryColor}" />
            <Border BackgroundColor="{AppThemeBinding Light={StaticResource CardBackgroundLight}, Dark={StaticResource CardBackgroundDark}}"
                    Stroke="{AppThemeBinding Light={StaticResource BorderLight}, Dark={StaticResource BorderDark}}"
                    StrokeThickness="1"
                    Padding="16,12">
                <Border.StrokeShape>
                    <RoundRectangle CornerRadius="10" />
                </Border.StrokeShape>
                <Entry x:Name="TitleEntry"
                       Placeholder="Task title"
                       FontSize="18"
                       TextColor="{AppThemeBinding Light={StaticResource TextPrimaryLight}, Dark={StaticResource TextPrimaryDark}}"
                       PlaceholderColor="{AppThemeBinding Light={StaticResource TextSecondaryLight}, Dark={StaticResource TextSecondaryDark}}" />
            </Border>
        </VerticalStackLayout>

        <!-- Notes Label -->
        <Label Grid.Row="1"
               Text="NOTES"
               FontSize="13"
               FontAttributes="Bold"
               TextColor="{StaticResource PrimaryColor}" />

        <!-- Notes Section (fills remaining space) -->
        <Border Grid.Row="2"
                BackgroundColor="{AppThemeBinding Light={StaticResource CardBackgroundLight}, Dark={StaticResource CardBackgroundDark}}"
                Stroke="{AppThemeBinding Light={StaticResource BorderLight}, Dark={StaticResource BorderDark}}"
                StrokeThickness="1"
                Padding="16,12">
            <Border.StrokeShape>
                <RoundRectangle CornerRadius="10" />
            </Border.StrokeShape>
            <Editor x:Name="NotesEditor"
                    Placeholder="Add notes here..."
                    FontSize="14"
                    TextColor="{AppThemeBinding Light={StaticResource TextPrimaryLight}, Dark={StaticResource TextPrimaryDark}}"
                    PlaceholderColor="{AppThemeBinding Light={StaticResource TextSecondaryLight}, Dark={StaticResource TextSecondaryDark}}"
                    VerticalOptions="Fill" />
        </Border>

        <!-- Status Section -->
        <VerticalStackLayout Grid.Row="3" Spacing="8">
            <Label Text="STATUS"
                   FontSize="13"
                   FontAttributes="Bold"
                   TextColor="{StaticResource PrimaryColor}" />
            <Border BackgroundColor="{AppThemeBinding Light={StaticResource CardBackgroundLight}, Dark={StaticResource CardBackgroundDark}}"
                    Stroke="{AppThemeBinding Light={StaticResource BorderLight}, Dark={StaticResource BorderDark}}"
                    StrokeThickness="1"
                    Padding="16,12">
                <Border.StrokeShape>
                    <RoundRectangle CornerRadius="10" />
                </Border.StrokeShape>
                <HorizontalStackLayout Spacing="12">
                    <CheckBox x:Name="CompletedCheckBox"
                              Color="{StaticResource AccentColor}"
                              VerticalOptions="Center"
                              CheckedChanged="OnCompletedChanged" />
                    <Label x:Name="StatusLabel"
                           Text="In Progress"
                           FontSize="16"
                           LineBreakMode="NoWrap"
                           TextColor="{AppThemeBinding Light={StaticResource TextPrimaryLight}, Dark={StaticResource TextPrimaryDark}}"
                           VerticalOptions="Center" />
                </HorizontalStackLayout>
            </Border>
        </VerticalStackLayout>

        <!-- Created Date -->
        <Label Grid.Row="4"
               x:Name="CreatedLabel"
               FontSize="13"
               LineBreakMode="NoWrap"
               TextColor="{AppThemeBinding Light={StaticResource TextSecondaryLight}, Dark={StaticResource TextSecondaryDark}}"
               HorizontalOptions="Center"
               HorizontalTextAlignment="Center" />

    </Grid>
</ContentPage>