ComboStrap Styling - Position
Table of Contents
About
Syntax
Inside a block
Inside a block component, you can position your component using the position attribute.
<block>
<component position="value"></component>
</block>
Demo
<box width="400px" height="200px" border-color="black" spacing="m-5" class="position-relative">
<icon position="top-left" name="logo.svg" background-color="white" />
<badge position="top-quartile-1">top-25</badge>
<icon position="top-center" name="logo.svg" background-color="white"/>
<icon position="top-quartile-3" name="logo.svg" background-color="white"/>
<icon position="top-right" name="logo.svg" background-color="white"/>
<typo position="left-quartile-1" background-color="white">left-75</typo>
<icon position="left-center" name="logo.svg" background-color="white"/>
<icon position="center" name="logo.svg" background-color="white"/>
<icon position="right-center" name="logo.svg" background-color="white" />
<icon position="bottom-left" name="logo.svg" background-color="white" />
<icon position="bottom-center" name="logo.svg" background-color="white"/>
<icon position="bottom-right" name="logo.svg" background-color="white" />
</box>
top-25
left-75