Stilo

Box Shadow

Utilities for controlling the box shadow of a container widget.

The box shadow constants are defined inside StiloBoxShadow
name shadow
xs
(offset: Offset(0.0, 1.0), blurRadius: 2.0, spreadRadius: 0.0)
sm
(offset: Offset(0.0, 1.0), blurRadius: 3.0, spreadRadius: 0.0); (offset: Offset(0.0, 1.0), blurRadius: 2.0, spreadRadius: 0.0)
md
(offset: Offset(0.0, 4.0), blurRadius: 6.0, spreadRadius: -1.0); (offset: Offset(0.0, 2.0), blurRadius: 4.0, spreadRadius: -1.0)
lg
(offset: Offset(0.0, 10.0), blurRadius: 15.0, spreadRadius: -3.0); (offset: Offset(0.0, 4.0), blurRadius: 6.0, spreadRadius: -2.0)
xl
(offset: Offset(0.0, 20.0), blurRadius: 25.0, spreadRadius: -5.0); (offset: Offset(0.0, 10.0), blurRadius: 10.0, spreadRadius: -5.0)
xl2
(offset: Offset(0.0, 25.0), blurRadius: 50.0, spreadRadius: -12.0)

Usage Example

Center(
    child: Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Container(
          width: StiloWidth.w64,
          height: StiloHeight.h36,
          decoration: BoxDecoration(
            color: StiloColor.blue[500],
            borderRadius: StiloBorderRadius.allMd,
            boxShadow: StiloBoxShadow.xl,
          ),
        ),
      ],
    ),
  )