Agencies
Services
Styling a Component
AEM Components can be integrated with the AEM "Style" system which allows components to render differently than is set as the standard setup. Components that can be styled will have a paintbrush icon on its component toolbar.
Selecting the Style button will display a list of different Style types that have been set for the component. Each component may or may not support styling and styles will differ between components that are supported. Selecting a Style option will immediately update the display for view. To permanently save the updated view, ensure you click on the "Check" button to save your changes.
Examples
Text Component
The Text component supports the Style system, but only has 3 options under 1 Style Variations setting that simply updates the text color within the component.
Text set to Black Text style.
Text set to Dark Blue Text style.
Text set to White Text style.
Title Component
The Title component, however, supports only a Dark and Light mode for the display of the text, but also has the ability to align the content left or center. Other components may support a multitude of additional, different options that affect the presentation of the component.
