SheetView | Examples

Top Sheet

<shiny:SheetView IsOpen="{Binding IsNotificationOpen}"
                 Location="Top"
                 FitContent="True"
                 SheetCornerRadius="0,0,16,16">
    <VerticalStackLayout Padding="20" Spacing="10">
        <Label Text="New Notification" FontAttributes="Bold" />
        <Label Text="You have a new message." />
    </VerticalStackLayout>
</shiny:SheetView>

Header Peek

<shiny:SheetView IsOpen="{Binding IsOpen}"
                 ShowHeaderWhenMinimized="True">
    <shiny:SheetView.HeaderTemplate>
        <DataTemplate>
            <Label Text="Now Playing — Drag up for details"
                   Padding="16,8"
                   FontSize="14" />
        </DataTemplate>
    </shiny:SheetView.HeaderTemplate>
    <VerticalStackLayout Padding="20">
        <Label Text="Full player controls here" />
    </VerticalStackLayout>
</shiny:SheetView>

Locked Sheet

<!-- Signature capture: locked + auto-sized -->
<shiny:SheetView IsOpen="{Binding IsSignatureOpen}"
                 IsLocked="True"
                 FitContent="True"
                 HasBackdrop="True"
                 SheetCornerRadius="20">
    <VerticalStackLayout Padding="20" Spacing="15">
        <Label Text="Draw your signature" FontSize="18" FontAttributes="Bold" />
        <!-- signature content -->
        <Button Text="Done" Command="{Binding DoneCommand}" />
    </VerticalStackLayout>
</shiny:SheetView>