How to use Lightning design system framework on lightning component?

How to use Lightning design system framework on lightning component?

Go to Design System Zip section and click on the Download Design System (2.1.4) button Save the zip file on your computer. In this zip file includes pre-built CSS framework, font and icons for use in our lightning project.

When to use Lightning design system in Salesforce S1?

The Lightning Design System CSS is now automatically included for Lightning Components running in the Lightning Experience and Salesforce S1 mobile application, as well as when extending the SLDS template when building a standalone Lightning Application (my.app), in LC4VF, or in a component that will be used via Lightning Out.

Where can I get source code for lightning?

All source code is licensed under BSD License Clause 2. All icons and images are licensed under Creative Commons Attribution-NoDerivatives 4.0. The font is licensed under our font license. It is no longer necessary to add a static resource for Lightning Components running within Lightning. See the FAQ for more information.

How to use style components with Salesforce Lightning?

Style Components with Lightning Design System Salesforce Lightning Design System (SLDS) is a CSS framework that provides a look and feel that’s consistent with Lightning Experience. Use SLDS styles to give your custom Lightning web components a UI that is consistent with Salesforce, without having to reverse-engineer our styles.

How to change spacing in Lightning design system?

To change the spacing of a component, such as the alignment, padding, margin, or even its typography, use Lightning Design System utility classes. If design variations and utility classes don’t meet your requirements, consider styling hooks.

What does a block represent in Lightning design system?

A block represents the main component name. If you were building a house component, the class name would be .house. All of the properties you want included for all houses would be included in the base .house class. An element represents a part of a component and is separated by two underscores.

What should be included in a lightning protection system?

Materials suitable for use in lightning protection systems are listed, labeled, and tested according to UL Standard 96. Consideration for conductor design includes maximizing surface area to carry lightning and flexibility of the configuration to make bends and turns required in installation practices.

How does a lightning protection system prevent sideflash?

Bonding or the interconnection of the lightning protection system to other internal grounded metallic systems must be accommodated to eliminate the opportunity for lightning to sideflash internally.