Shadow

Add a shadow to an element.

Class names

Class	Description
shadow-none	No shadow.
shadow-xs	Extra small shadow.
shadow-sm	Small shadow.
shadow-md	Medium shadow.
shadow-lg	Large shadow.
shadow-xl	Extra large shadow.

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>