Skip to main content

Shadow

Use shadow{SIZE} Atomic Props controll element's shadow.

Atomic PropsCSS Properties
shadowSMbox-shadow: {sm}
shadowMDbox-shadow: {md}
shadowLGbox-shadow: {lg}
shadowXLbox-shadow: {xl}
shadow2XLbox-shadow: {2xl}
shadow3XLbox-shadow: {3xl}
shadow={value}box-shadow: {value}

Usage

Result
Loading...
Live Editor

Default shadow

Result
Loading...
Live Editor