ControlExample.xaml

<UserControl
    x:Class="AppUIBasics.ControlPages.ControlExample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:AppUIBasics"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400">

    <Grid HorizontalAlignment="Stretch">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="{x:Bind ExampleHeight}" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock x:Name="Header" Text="{x:Bind HeaderText}" Style="{ThemeResource BaseTextBlockStyle}" Margin="0,24,0,8" />

        <!-- Control -->
        <ContentPresenter x:Name="ControlPresenter" Content="{x:Bind Example}" HorizontalAlignment="{x:Bind HorizontalContentAlignment}" Grid.Row="1" />

        <!-- XAML display -->
        <Border x:Name="XamlBorder" Style="{StaticResource CodeBorderStyle}" Grid.Row="2" HorizontalAlignment="Stretch">
            <ContentPresenter x:Name="XamlPresenter" Content="{x:Bind Xaml}" Style="{StaticResource CPCodeStyle}" />
        </Border>
    </Grid>
</UserControl>