Stage - Web Component โ
...
Browser support โ
Parameters โ
The Web component uses the <z-stage>
tag:
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description |
---|---|---|
header (optional) | string | Header of the stage |
config (optional) | string | Configuration of the stage |
image-src (optional) | string | URL of the image |
header
โ
The header
parameter is a string that defines the stage header.
Content goes here
config
โ
The config
parameter is a string that defines the stage configuration. You can configure the alignment and the padding of the stage content.
left โ
The left
modifier is used to align the stage content to the left.
Content goes here
slim โ
The slim
modifier is used to reduce the padding of the stage content.
Content goes here
image-src
โ
The image-src
parameter is a string that defines the stage image source for the safe-space
.
Content goes here
You can also use the images from the Zurich media images. Make sure you specify correctly the name of the image you want to display.
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.