NotificationFlyout/samples/NotificationFlyoutSample/Shell.xaml

<controls:NotificationFlyout
    x:Class="NotificationFlyoutSample.Shell"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:TheXamlGuy.NotificationFlyout.Uwp.UI.Controls"
    IconSource="/Assets/Notification-Icon-Playing.png"
    LightIconSource="/Assets/Notification-Icon-Playing-Light.png">
    <controls:NotificationFlyout.FlyoutPresenterStyle>
        <Style TargetType="controls:NotificationFlyoutPresenter">
            <Setter Property="CornerRadius" Value="8" />
            <Setter Property="Margin" Value="8" />
        </Style>
    </controls:NotificationFlyout.FlyoutPresenterStyle>
    <controls:NotificationFlyout.ContextMenu>
        <controls:NotificationFlyoutContextMenu>
            <MenuFlyoutItem Click="MenuFlyoutItem_Click" Text="Close" />
        </controls:NotificationFlyoutContextMenu>
    </controls:NotificationFlyout.ContextMenu>
    <Grid Width="400" Margin="24">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid Grid.Row="0" Margin="0,0,0,4">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Border
                Grid.Column="0"
                Width="94"
                Height="94"
                Background="Gray"
                CornerRadius="4">
                <Image Source="/Assets/album.jpg" Stretch="UniformToFill" />
            </Border>
            <StackPanel Grid.Column="1" Margin="12,12,0,0">
                <TextBlock Style="{StaticResource BaseTextBlockStyle}" Text="Foo Fighters" />
                <TextBlock Text="Best of you" />
            </StackPanel>
        </Grid>
        <Slider Grid.Row="1" />
        <Grid Grid.Row="2">
            <TextBlock HorizontalAlignment="Left" Text="00:00" />
            <TextBlock HorizontalAlignment="Right" Text="04:16" />
        </Grid>
        <CommandBar
            Grid.Row="3"
            HorizontalAlignment="Center"
            Background="Transparent"
            DefaultLabelPosition="Collapsed">
            <AppBarButton Width="48" CornerRadius="4">
                <AppBarButton.Icon>
                    <FontIcon Glyph="&#xE100;" />
                </AppBarButton.Icon>
            </AppBarButton>
            <AppBarButton Width="48" CornerRadius="4">
                <AppBarButton.Icon>
                    <FontIcon Glyph="&#xE102;" />
                </AppBarButton.Icon>
            </AppBarButton>
            <AppBarButton Width="48" CornerRadius="4">
                <AppBarButton.Icon>
                    <FontIcon Glyph="&#xE101;" />
                </AppBarButton.Icon>
            </AppBarButton>
        </CommandBar>
    </Grid>
</controls:NotificationFlyout>