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.