Menu
Home Get started
Utilities
Colors Typography Border Display Flex Grid Image Position Shadow Text-Align Widths and Heights
Components
Breadcrumb Button Card Calendar Chip Expansion-Panel Form Icon Icon-Button List Navbar Table Tabs Toast Tooltip

Shadow

Add or remove shadows to elements.
Add Shadow

Add or remove shadows to elements with box-shadow utilities.

Small shadow
Regular shadow
Larger shadow
<div class="shadow-sm">Small shadow</div>
<div class="shadow">Regular shadow</div>
<div class="shadow-lg">Larger shadow</div>
Remove Shadow

Add or remove shadows to elements with box-shadow utilities.

No shadow
<div class="shadow-none">No shadow</div>

Previous: Utilities

← Position

Next: Utilities

Text-Align →