Windows Phone

Windows Phone

MS XAML configuration files for the Salesforce Lightning Design System.

The Salesforce Lightning Design System Windows Phone Static Library includes:

  • Compiled Design Tokens
  • The Salesforce Sans Font
  • The Salesforce Lightning Design System Icons
  • Helper Classes

While we encourage a holistic integration of the entire design system, you are free to include as many or as few of the following modules as you need in your app. Each module will import a small subset of design tokens or icons.

Simple InstallSimple Install

Available on Nuget: here.

$ Install-Package SalesforceDesignSystem

Add SLDS library to App.xaml:

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <designSystem:Tokens />
            <designSystem:Brushes />
            <designSystem:Fonts />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

ExamplesExamples

Colors

<Grid Background="{StaticResource SLDS_COLOR_BACKGROUND_BRUSH}"/>

Fonts and Text Sizes

<Style x:Key="DefaultTextStyle" TargetType="TextBlock">
   <Setter Property="FontFamily"
           Value="{StaticResource SalesforceDefaultFontFamily}" />
   <Setter Property="Foreground"
           Value="{ThemeResource SLDS_COLOR_TEXT_DEFAULT_BRUSH}" />
</Style>

Icons

Action Icons

var tb = new TextBlock()
{
    FontFamily = (FontFamily) Application.Current.Resources["SalesforceDesignSystemIcons"],
    Text = IconConstants.IconAction.ActionAddContact
};

Custom Icons

var tb = new TextBlock()
{
    FontFamily = (FontFamily) Application.Current.Resources["SalesforceDesignSystemIcons"],
    Text =  IconConstants.IconCustom.Custom1
};

Standard Icons

var tb = new TextBlock()
{
    FontFamily = (FontFamily) Application.Current.Resources["SalesforceDesignSystemIcons"],
    Text = IconConstants.IconStandard.StandardAccount
};

Utility Icons

var tb = new TextBlock()
{
    FontFamily = (FontFamily) Application.Current.Resources["SalesforceDesignSystemIcons"],
    Text = IconConstants.IconUtility.UtilitySort
};