The Style System allows a template author to define style classes in the content policy of a component so that a content author is able to select them when editing the component on a page. These styles can be alternative visual variations of a component, making the component more flexible.
This eliminates the need to develop a custom component for each style or to customize the component dialog to enable such style functionality. It leads to more reusable components that can be quickly and easily adapted to the needs of content authors without any AEM back-end development.
Template authors not only need the ability to configure how components function for the content authors, but also to configure a number of alternative visual variations of a component.
Likewise, content authors not only need the ability to structure and arrange their content, but also to select how it is presented visually.
The Style System provides a unified solution to both the template author’s and content author’s requirements:
Template authors can define style classes in the content policy of components.
Content authors can then select these classes from a drop-down when editing the component on a page in order to apply the corresponding styles.