Skip to content 
Stage content
Content goes here Welcome to ZDS Content goes here
Content goes here Content goes here
Content goes here Content goes here
Content goes here Content goes here 
Content goes here 
Content goes here Lorem ipsum Click me
Image stage - Web Component
The ImageStage component can be used imported from:
Playground
Parameters
...
Events
This component has events. Check the documentation about how to use the events.
| Name | Payload | Description |
|---|
Slots
This component has slots. Check the documentation about how to use the slots.
| Name | Tags | Description |
|---|---|---|
default | span | Content of the stage |
header | span | Header of the stage |
actions | span | Actions of the stage |
Parameters use
content
The content attribute is inject the main quote or using the default slot:
header
The header parameter is a string that defines the stage header or using the header slot.
shape
Or using a slotted z-shape. No need to set the :flip, it's automatically handled.
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.
slim
The slim modifier is used to reduce the padding of the stage content.
Image
image-src
The image-src parameter is a string that defines the stage image source for the safe-space.
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.
We can also use the picture slot, even with GIF images:
Content goes here Content goes here Actions
You can use the actions slot to add some extra interactive elements:
Flags
...
Browser support
Detected engine:
Chromium
Webkit
Gecko