Style a Component
To give your component the Lightning Experience look and feel, use Lightning Design System (SLDS) and Lightning base components. To go your own way, write your own CSS.
Interactive base component examples are available in the Component Reference. The examples use an SLDS 1 theme.
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
- Import CSS modules in a component
- Create your own styling hooks
We recommend that you avoid these common mistakes when styling components.