• Use Cases: Used to separate content and components, creating gaps defined by pixels. Each divider item should have a specific size. They should be stored in the global market folder as they are reusable across whole sites.
• Dependencies
  • None required. The Divider is fully self-contained and does not rely on child items or external data sources.

• Reusable: A divider is reusable across whole websites.
• Mobile Specific Size: Possibility to have a specific size for the mobile version.

This is a paragraph and right below there's a divider of 48px separating it from the next paragraph item.

This is another paragraph and right above there's a divider of 48px separating it from the previous paragraph item.

Creating an Illustration Card

1. In Content Editor, go to the global market folder of yoursite.
   • For example: /sitecore/content/AWTSites/Templates/MarketRepositoryFolder/MarketSharedContentFolder/Global)
2. Create a folder called "Divider" from the Modules Folder template under the global market folder of your site
3. Create a new Divider item from the Divider template.
4. Fill in the required field
   • Gap
5. Fill in optional field: Mobile Gap
6. In Experience Editor, insert the Divider rendering into any placeholder which accepts a Divider rendering (awt-container, awt-body, awt-paragraph, etc).
7. Associate the Divider item as the data source.

• None : There are no variants for this component.

• There are currently no known issues with this component