DisplayRouteLayer.xaml

<UserControl x:Class="ArcGIS.WinUI.Samples.DisplayRouteLayer.DisplayRouteLayer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:converters="using:ArcGIS.WinUI.Viewer.Converters"
             xmlns:esriUI="using:Esri.ArcGISRuntime.UI.Controls">

    <UserControl.Resources>
        <converters:DirectionPointTypeToIconConverter x:Key="Converter" />
        <FontFamily x:Key="Calcite">/Resources/Fonts/calcite-ui-icons-24.ttf#calcite-ui-icons-24</FontFamily>
    </UserControl.Resources>
    <Grid>
        <esriUI:MapView x:Name="MyMapView" />
        <Border Height="300" Style="{StaticResource BorderStyle}">
            <ScrollViewer Height="250" VerticalScrollBarVisibility="Auto">
                <StackPanel>
                    <TextBlock FontWeight="Bold" Text="Directions:" />
                    <ItemsControl x:Name="DirectionsList">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="20" />
                                        <ColumnDefinition Width="2" />
                                        <ColumnDefinition Width="25" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    <TextBlock HorizontalAlignment="Right" Text="{Binding Attributes[Sequence]}" />
                                    <TextBlock Grid.Column="1" Text="." />
                                    <TextBlock Grid.Column="2"
                                               Margin="0,0,0,10"
                                               FontFamily="{StaticResource Calcite}"
                                               FontSize="20"
                                               Text="{Binding Attributes[DirectionPointType], Converter={StaticResource Converter}}" />
                                    <TextBlock Grid.Column="3"
                                               Text="{Binding Attributes[DisplayText]}"
                                               TextWrapping="Wrap" />
                                </Grid>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </StackPanel>
            </ScrollViewer>
        </Border>
    </Grid>

</UserControl>