What is SLDS?

What is SLDS?

SLDS stands for -> Salesforce Lightning Design System. It is a CSS framework that helps designers and developers create better user interfaces for Salesforce applications. SLDS gives users access to the same icons, color palettes, and fonts that Salesforce developers use.

Where you can use

Use the SLDS CSS framework with any tech stack you can dream up, or you can take advantage of using SLDS with Salesforce technologies including Lightning Web Components, Aura, and Visualforce.

Benefits of SLDS
  • Consistent look and feel

SLDS helps ensure that applications built with Salesforce have a consistent look and feel.

  • Open-source

    SLDS is open-source, so users don’t need to adopt a specific framework to use it.

  • Updates with Salesforce releases

    SLDS receives UI updates with every new release of the Salesforce platform.

  • Implementation-agnostic
SLDS is implementation-agnostic, so users don’t need to adopt a specific framework to use it.
An example of using SLDS in lightning web component – 
<template>
<lightning-card title=“Form” icon-name=standard:form>
<div class=slds-grid slds-gutters_x-small slds-p-around_small>
<lightning-input type=“text” label=“First Name” name=“FirstName” class=slds-col slds-size_1-of-3></lightning-input>
<lightning-input type=“text” label=“Last Name” name=“LastName” class=slds-col slds-size_2-of-3></lightning-input>
</div>
</lightning-card>
</template>
Output:
Share your love:

Leave a Reply

Your email address will not be published. Required fields are marked *