compose-html-ext/com.varabyte.kobweb.compose.css/BoxShadow/Companion/list

list

fun list(vararg shadows: BoxShadow.Listable): BoxShadow(source)

Creates a box-shadow property with multiple shadow. The property accepts a list of shadows, created by using BoxShadow.of, ordered from front to back.

The style is not created if no shadows are specified.

Usage:

style {
   boxShadow(
      BoxShadow.list(
         BoxShadow.of(
            offsetX = 0.px,
            offsetY = 1.px,
            blurRadius = 3.px,
            spreadRadius = 1.px,
            color = Colors.Black.copyf(alpha = 0.15f),
         ),
         BoxShadow.of(
            offsetX = 5.px,
            offsetY = 8.px,
            blurRadius = 10.px,
            spreadRadius = (-1).px,
            color = Colors.Black.copyf(alpha = 0.32f),
         ),
      )
   )
}

Will generate:

box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px 1px,
            rgba(0, 0, 0, 0.318) 5px 8px 10px -1px;