Q:

Line and Button in XAML

How can we draw line and button in XAML as below image, Button content will bind to mvvm , I have added below code but not sure how can I add button with L
<Line Grid.Column="0"
                      HorizontalAlignment="Left"
                      Stretch="Fill"
                      Stroke="{StaticResource BrandingBrush}"
                      StrokeThickness="2"
                      X1="0"
                      X2="0"
                      Y1="0"
                      Y2="1" />

A:

This would draw a Line and Buttons as the Image:
<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="30px"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Line Grid.Column="0" 
              HorizontalAlignment="Left"
              Stretch="Fill"
              Stroke="DarkRed"
              Margin="14,0"
              StrokeThickness="2"
              X1="0"
              X2="0"
              Y1="0"
              Y2="1" />

        <StackPanel>
            <Button Width="20px" Height="20px" Margin="0,20" Content="L" Background="DarkRed" Foreground="White"/>
            <Button Width="20px" Height="20px" Margin="0,20" Content="L" Background="DarkRed" Foreground="White"/>
            <Button Width="20px" Height="20px" Margin="0,20" Content="L" Background="DarkRed" Foreground="White"/>
            <Button Width="20px" Height="20px" Margin="0,20" Content="L" Background="DarkRed" Foreground="White"/>
            <Button Width="20px" Height="20px" Margin="0,20" Content="L" Background="DarkRed" Foreground="White"/>
        </StackPanel>
</Grid>

