WPF Examples

Merge the resource dictionary and apply styles to your controls.

Back to Overview

Add Resource Dictionary

Include the style resources into your application. Adjust the Source as needed based on your project structure.

<Application x:Class="MyApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
  <Application.Resources>
    <ResourceDictionary>
      <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/wpf/Ignyos.Styles.xaml" />
        
        
      </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
  </Application.Resources>
</Application>

Text styles

<StackPanel Margin="24">
  <TextBlock Style="{StaticResource IgTextDisplay}">Hello Ignyos</TextBlock>
  <TextBlock Style="{StaticResource IgTextHeading}" Margin="0,12,0,0">Heading</TextBlock>
  <TextBlock Style="{StaticResource IgTextBody}" Margin="0,8,0,0">
    Body text with muted: <Run Foreground="{StaticResource IgBrushTextMuted}">secondary tone</Run>.
  </TextBlock>
</StackPanel>

Surface card

<Border Style="{StaticResource IgSurfaceCard}">
  <StackPanel>
    <TextBlock Style="{StaticResource IgTextHeading}">Card title</TextBlock>
    <TextBlock Style="{StaticResource IgTextBody}" Margin="0,8,0,0">Card content...</TextBlock>
  </StackPanel>
</Border>

Pill button

<Button Style="{StaticResource IgPillButton}">Action</Button>