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.
Browser support
Detected engine:
Chromium
Webkit
Gecko