CSS

To give your component the Lightning Experience look and feel, use Lightning Design System (SLDS). To go your own way, write your own CSS.

When you use base components in the lightning namespace, you get SLDS styling automatically. Using these base components, you can customize the styling using SLDS styling hooks. Additionally, you can:

• Create a component from an SLDS blueprint
• Use SLDS design tokens
• Import CSS modules in a component
• Create your own styling hooks

We recommend that you avoid these common mistakes when styling components.