<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1_Demo.DemoWrap" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml">
    <UserControl.Resources>
        <Style x:Key="BorderStyle" TargetType="Border">
            <Setter Property="Margin" Value="2 1 2 2" />
            <Setter Property="VerticalAlignment" Value="Center" />
			<Setter Property="BorderThickness" Value="2" />
			<Setter Property="CornerRadius" Value="3" />
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFBDBDBD" />
						<GradientStop Color="#FFDADADA" Offset="0.5" />
						<GradientStop Color="#FFBDBDBD" Offset="1" />
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			
        </Style>
        <Style x:Key="LinkStyle" TargetType="HyperlinkButton">
            <Setter Property="Margin" Value="3" />
            <Setter Property="Foreground" Value="Black" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="VerticalAlignment" Value="Bottom" />
            <Setter Property="FontWeight" Value="Bold" />
        </Style>

    </UserControl.Resources>
    <c1:C1WrapPanel x:Name="wrap">
        <Border Style="{StaticResource BorderStyle}" Background="#FF01ADD5">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="One Text" FontSize="25" /> 
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFA6DDFB">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="A larger text used for wrapping scenarios" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF01ADD5">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="A name" FontSize="20" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#328BBB">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Something else" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF9DCCCF">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Should I break?" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFDFAB20" c1:C1WrapPanel.BreakLine="After">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Break After" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFDFEFEF">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Another name" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFA6DDFB">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Content cannot be repeated" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF9DCCCF">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Empty" FontSize="20" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFDFAB20" c1:C1WrapPanel.BreakLine="Before">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Break Before" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF328BBB">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Components" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF01ADD5">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Controls" FontSize="8" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFDFEFEF">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Helps authors" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF328BBB">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Tools" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFDFEFEF">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Any other word" FontSize="18" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFDFAB20" c1:C1WrapPanel.BreakLine="AfterAndBefore">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Break After and Before" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF01ADD5">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Large sentences are really difficult to write" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FF9DCCCF">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Small font size is not recommended" FontSize="6" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFA6DDFB">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="Almost there" />
        </Border>
        <Border Style="{StaticResource BorderStyle}" Background="#FFDFEFEF">
            <HyperlinkButton Style="{StaticResource LinkStyle}" Content="The End" FontSize="24" />
        </Border>
    </c1:C1WrapPanel>
</UserControl>