This element has a subtle, small shadow. Good for elements that need a slight lift.
This element uses the default medium shadow. A common choice for cards and prominent UI elements.
This element features a larger, more pronounced shadow, making it stand out more.
Notice how each element has a
bg-*
class. This is important for shadows to render correctly, as explained in the "Gotcha" example.