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:

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