TABLE OF CONTENTS

• Text Component
• Heading Component
• Button Group
• Text Image Widget
• Dynamic Widget
• Rich Text Widget

Text Component

• Drag and drop the “Text” component onto the page.
• Configure the following:
  • Text content.
  • Size: Small or Medium.
  • Text weight.
  • Alignment: Left, Center, or Right.
  • Color: Default or Muted.
  • Adjust padding values to create space inside the component.

Heading Component

• Drag and drop the “Heading” component onto the page.
• Configure the following:
• Heading text.
  • Optional ID for linking within the page.
  • Size: Triple Extra Large to Extra Small.
  • HTML Heading Level: H1–H6.
  • Alignment: Left, Center, or Right.
  • Background color and text color.
  • Border settings, margin, and padding.

Button Group

• Drag and drop the “Button Group” component onto the page.
• Configure the following:
  • Alignment of the button group: Left, Center, or Right.
  • Button text.
  • Link URL (full URL or anchor reference using “#”).
  • Target behavior: same tab or new tab.
  • Style variant: Primary or Secondary.
  • Add additional buttons as needed within the same group.

Text Image Widget

• Drag and drop the “Text Image” widget onto the page.
• Configure the following:
  • Heading text.
  • Description text.
  • Optional call-to-action button text and link.
  • Layout order: text first or image first.
  • Image selection from DAM.

Dynamic Widget

• Drag and drop the “Dynamic” widget onto the page.
• Insert HTML or JavaScript code provided by third-party services to embed additional functionality.

Rich Text Widget

• Drag and drop the “Rich Text” widget onto the page.
• Select the “Open Rich Text Widget” button to launch the WYSIWYG editor.