Web Implementation Guidelines Group Component Builder Information (v3+)

Spacer

Add controlled vertical space between components to improve page rhythm and visual separation.

Advanced Options

Choose Alternate Versions

Back to the builder

Component Notes for Latest Version

Overview

This is a spacer component to increase vertical margin between two other components. This has one attribute that controls how tall this is in standard CSS height syntax. Defaults to 20px.

Attributes

  • height: height of spacer.

Code Examples

<ilw-spacer height="30px"></ilw-spacer>

Accessibility Notes and Use

This generates a single div with no margins, padding-bottom of the height attribute, and a transparent color.

This uses the role="presentation" attribute to ensure that screen readers and other assistive technology ignores it. This should not be in the accessibility tree.

Upgrade Instructions

This is a new component.

External References

Web Implementation Guidelines Group Component Builder Information (v3+)
Create an issue with the new toolkit builder