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.

Tip

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.

Release Preview

This release is in preview. Features described here don't become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can't guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.