Interface EffectProps

Types for box and text shadow properties

interface EffectProps {
    backgroundBlendMode?: ResponsiveValue<BackgroundBlendMode>;
    bgBlendMode?: ResponsiveValue<BackgroundBlendMode>;
    blendMode?: ResponsiveValue<MixBlendMode>;
    boxShadow?: ResponsiveValue<(number | BoxShadow)>;
    mixBlendMode?: ResponsiveValue<MixBlendMode>;
    opacity?: ResponsiveValue<Opacity>;
    shadow?: ResponsiveValue<(number | BoxShadow)>;
}

Hierarchy (view full)

EffectProps
- StyleProps

Index

Properties

backgroundBlendMode? bgBlendMode? blendMode? boxShadow? mixBlendMode? opacity? shadow?

Properties

`Optional` backgroundBlendMode

backgroundBlendMode?: ResponsiveValue<BackgroundBlendMode>

The CSS background-blend-mode property

`Optional` bgBlendMode

bgBlendMode?: ResponsiveValue<BackgroundBlendMode>

The CSS background-blend-mode property

`Optional` blendMode

blendMode?: ResponsiveValue<MixBlendMode>

The blend-mode property

`Optional` boxShadow

boxShadow?: ResponsiveValue<(number | BoxShadow)>

The box-shadow property

`Optional` mixBlendMode

mixBlendMode?: ResponsiveValue<MixBlendMode>

The mix-blend-mode property

`Optional` opacity

opacity?: ResponsiveValue<Opacity>

The CSS opacity property

`Optional` shadow

shadow?: ResponsiveValue<(number | BoxShadow)>

The box-shadow property

Generated using TypeDoc