Skip to content

Stage banner - CSS Component

The StageBanner component can be used imported from:

Playground

Construction

The CSS component uses a sectiontag with the z-stage-bannerHTML custom attribute.

z-stage-banner

The z-stage-banner parameter is the main parameter used to render the stage component.

The StageBanner CSS component comes three variants: Shape, Pictogram and Image.

The shape variant can be configured with the following parameters:

  • left - Puts the shape on the left side of the banner.
  • center - aligns the content to the center.
Welcome to ZDS

Content goes here


Welcome to ZDS

Content goes here


Image
Welcome to ZDS

Content goes here

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example