Promo - CSS Component
Browser support
Construction
The CSS component uses the <section>
tag with the z-promo
HTML custom attribute. Check the promo anatomy for more information.
z-promo
The z-promo
attribute is the main attribute to style the promo component.
Promotional header
Promotional contentThe z-promo
attribute has two modifiers:
left
The left change the orientation of the promo component to the left.
Promotional header
Promotional contentnarrow
The narrow change the width of the promo component to a narrow width.
Promotional header
Promotional contentThe background color of the promo component can be customized using the --z-promo--bg
CSS custom property.