Stage - CSS Component

The Stage component can be used imported from:

Playground

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

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

Content goes here

The z-stage parameter accepts two modifiers, left and slim.

The left modifier is used to align the stage content to the left.

Content goes here

The slim modifier is used to reduce the padding of the stage content.

Content goes here

TIP

You can combine the left and slim modifiers to align the stage content to the left and reduce the padding. The pattern is config="left:slim".

Content goes here

The content of the Stage component is customizable. Check the stage anatomy guidelines for more details.

Also you can customize the background color of the stage component, using the --z-stage--bg CSS custom property.