Shadow

Add a shadow to an element.

Class names

Class	Description	! support
shadow-none	No shadow.	Yes
max-sm:shadow-none	No shadow on viewports narrower than sm.	No
max-md:shadow-none	No shadow on viewports narrower than md.	No
max-lg:shadow-none	No shadow on viewports narrower than lg.	No
max-xl:shadow-none	No shadow on viewports narrower than xl.	No
shadow-xs	Extra small shadow.	No
shadow-sm	Small shadow.	No
shadow-md	Medium shadow.	No
shadow-lg	Large shadow.	No
shadow-xl	Extra large shadow.	No

Examples

<div class="vbox gap-12">
  <div class="flex-auto rounded-md p-4 shadow-xs">Shadow XS</div>
  <div class="flex-auto rounded-md p-4 shadow-sm">Shadow SM</div>
  <div class="flex-auto rounded-md p-4 shadow-md">Shadow MD</div>
  <div class="flex-auto rounded-md p-4 shadow-lg">Shadow LG</div>
  <div class="flex-auto rounded-md p-4 shadow-xl">Shadow XL</div>
</div>