Skip to content 
Floating banner - CSS Component
The FloatingBanner component can be used imported from:
Playground
Construction
z-floating-banner
The z-floating-banner parameter is the main parameter used to render the floating banner component.
Floating banner header
Lorem ipsum dolor sit amet consectetur adipiscing elit faucibus, non metus egestas feugiat a hac risus leo purus,per tempor fusce vivamus varius porta ornare. Justo interdum libero nunc fermentum auctor dictum, laoreet magna mus ridiculus ornare ut mauris, etiam pharetra habitasse non tristique.
You can add a z-smiling-z component to the floating banner. Doing so make sure you add the left modifier to the z-floating-banner component.
Floating banner header
Lorem ipsum dolor sit amet consectetur adipiscing elit faucibus, non metus egestas feugiat a hac risus leo purus,per tempor fusce vivamus varius porta ornare.
Also you can render the small variant of the z-smiling-face, by adding the small modifier to the z-smiling-z component.
Floating banner header
Lorem ipsum dolor sit amet consectetur adipiscing elit faucibus, non metus egestas feugiat a hac risus leo purus,per tempor fusce vivamus varius porta ornare.
INFO
Check the floating banner anatomy section in the documentation for more information.
Browser support
Detected engine:
Chromium
Webkit
Gecko