XM Cloud Tutorials - Styling a Text Teaser using the XM Cloud Component Builder #6.2
XM Cloud Components allows building pixel-perfect UI designs using the Component Builder feature as well as the XM Cloud design system. UI Designers and Frontend professionals can transfer the styles from the design tools of their choice into XM Cloud Components, so that Marketers can create Components matching the brand style guides. In this video Sebastian Winter, Developer Advocate, demos how to work with XM Cloud Components as a UI designer.
Chapters:
00:00 Introduction
00:32 Text Teaser requirements
01:09 XM Cloud Component Builder - Demo
02:07 Setting the styles - Overview
02:40 Setting Basic Styles (Fonts, Colors, Breakpoints) - Demo
04:37 Setting Rules (Typographies, Fills, Spacings) - Demo
08:56 Setting Elements (Text and Block Elements) - Demo
11:22 Theme Setup - Demo12:47 Workflows (Stage and Publish) - Demo
13:20 Test Component
14:40 Outro