latest version

Box Shadow

Box shadow option type.

Config

Name Type Default Description
opacity boolean true Enable or disable opacity slider.
type string  
Pick one of supported box shadow types. Byr default option will show both.
Valid types:
- "inset"
- "outset

DefaultValue

Name Type Default Description
type string "none"
Box shadow type

Allowed types:
- "none"
- "inset"
- "outset"
hex string #000000 Color code in HEX format.
opacity number 1 Opacity value from 0 to 1
palette string ""
Specify specific palette value

Allowed palette values:
- "color1"
- "color2"
- "color3"
- "color4"
- "color5"
- "color6"
- "color7"
- "color8"
blur number 0 Box shadow blur value, that is a positive number
spread number 0 Box shadow spread value, that is a positive number
vertical number 0 Box shadow vertical value, number
horizontal number 0 Box shadow horizontal value, number

Minimal Usage

{
  id: "boxShadow",
  type: "boxShadow"
}

Usage

{
  id: "boxShadow",
  type: "boxShadow"
  config: {
    type: "inset",
    opacity: true,
  },
  defaultValue: {
    type: "outset",
    hex: "#000000",
    opacity: 1,
    palette: "",
    blur: 4,
    spread: 2,
    vertical: 1,
    horizontal: 1,
  }
}