ComboStrap Styling - Elevation attribute

1 - About

elevation is a styling attribute that elevates a block.

It adds a shadow and gives the block more emphasis.

As color, it helps prioritizing the components on your page in order to guide the viewer's eyes.

It's mostly used on a call-to-action component such as a button.

3 - Syntax


where the value of the attribute sets the scale height of the elevation

4 - Example

4.1 - Button

With a button

					A flat button

<btn elevation="true">
					Elevated button

<btn elevation="high">
					High Elevation

4.2 - Card

With a card

<card elevation="high" width="200px">
===== Elevated card =====
Guide on how to elevate

Elevated card

Guide on how to elevate

4.3 - Image

With a image and a box

<box elevation="high" width="fit-content" align="center">

Powered by ComboStrap