Exploring XM Cloud Component Builder: Add Styling To Your Component Part 3
In my previous blog , I discussed on how to apply rules to the elements and how to implement theme . In the current blog, I'll discuss on Style a component, an elements and customize the theme . In XM Cloud Components , themes are managed in the Styles builder, allowing you to apply them to components with a single click. In a previous blog, I explained that themes consist of pre-built elements and style rules, designed to simplify the styling process by applying multiple styles at once. How to Style a Component Using a Theme: In the Components library, select the component you want to style. In the Components builder, locate the version you want to style and click Current theme in the top-right corner. In the right-hand panel, under the Themes tab, select the theme you wish to apply. The component will now be styled according to the chosen theme. Customizing a Theme You can tailor a theme by selecting alternative styles for certain categories of elements. Thi...