Getting Started

Introduction Installation Support

Core Concepts

Helpers & Utilities Responsive Design Dark/ Light Mode

Components

Breadcrumb Button Navbar

Customization

Colors Variables Color Modes

Layout

Breakpoints Containers Gutters Offsets Rows & Columns

Helpers

Clearfix Focus Ring Position Ratio Stretched Link Text Truncate Vertical Rule Visually Hidden

Utilities

Border Display Flex Float Opacity Overflow Position Shadow Sizing Spacing Text Visibility Z-Index

Shadow

The .shadow class is used to add shadows to elements; There are multiple variations for configuring the shadow size, applicable by using the .shadow-{breakpoint} classes with values small, medium and large. Additionally, the .shadow-none class can be used to disable the shadows.

Shadow


    <div class=class="shadow-none"></div>
    <div class=class="shadow"></div>
    <div class=class="shadow-sm"></div>
    <div class=class="shadow-md"></div>
    <div class=class="shadow-lg"></div>