Component CSS File

A component can include a CSS file. Use standard CSS syntax to style Lightning web components.

To style a component, create a stylesheet in the component bundle with the same name as the component. If the component name is myComponent, the style sheet is myComponent.css. The stylesheet is applied automatically.

A component’s CSS file can have a maximum file size of 128 KB (131,072 bytes).

To share CSS style rules among components, create a module that contains only a CSS file and a configuration file. Import the module into the CSS files of Lightning web components.

See Also

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.