interface BackgroundProps {
    background?: ResponsiveValue<string | number | string & {}>;
    backgroundAttachment?: ResponsiveValue<BackgroundAttachment>;
    backgroundClip?: ResponsiveValue<("text" | BackgroundClip)>;
    backgroundColor?: ResponsiveValue<string | number | string & {}>;
    backgroundImage?: ResponsiveValue<BackgroundImage>;
    backgroundPosition?: ResponsiveValue<number | "center" | "left" | "right" | string & {} | "top" | "bottom" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    backgroundRepeat?: ResponsiveValue<BackgroundRepeat>;
    backgroundSize?: ResponsiveValue<number | string & {} | "auto" | "contain" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "cover">;
    bg?: ResponsiveValue<string | number | string & {}>;
    bgAttachment?: ResponsiveValue<BackgroundAttachment>;
    bgClip?: ResponsiveValue<("text" | BackgroundClip)>;
    bgColor?: ResponsiveValue<string | number | string & {}>;
    bgGradient?: ResponsiveValue<BackgroundImage>;
    bgImage?: ResponsiveValue<BackgroundImage>;
    bgImg?: ResponsiveValue<BackgroundImage>;
    bgPos?: ResponsiveValue<number | "center" | "left" | "right" | string & {} | "top" | "bottom" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    bgPosition?: ResponsiveValue<number | "center" | "left" | "right" | string & {} | "top" | "bottom" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    bgRepeat?: ResponsiveValue<BackgroundRepeat>;
    bgSize?: ResponsiveValue<number | string & {} | "auto" | "contain" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "cover">;
}

Hierarchy (view full)

Properties

background?: ResponsiveValue<string | number | string & {}>

The CSS background property

backgroundAttachment?: ResponsiveValue<BackgroundAttachment>

The CSS background-attachment property

backgroundClip?: ResponsiveValue<("text" | BackgroundClip)>

The CSS background-clip property

backgroundColor?: ResponsiveValue<string | number | string & {}>

The CSS background-color property

backgroundImage?: ResponsiveValue<BackgroundImage>

The CSS background-image property

backgroundPosition?: ResponsiveValue<number | "center" | "left" | "right" | string & {} | "top" | "bottom" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

The CSS background-position property

backgroundRepeat?: ResponsiveValue<BackgroundRepeat>

The CSS background-repeat property

backgroundSize?: ResponsiveValue<number | string & {} | "auto" | "contain" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "cover">

The CSS background-size property

bg?: ResponsiveValue<string | number | string & {}>

The CSS background property

bgAttachment?: ResponsiveValue<BackgroundAttachment>

The CSS background-attachment property

bgClip?: ResponsiveValue<("text" | BackgroundClip)>

The CSS background-clip property

bgColor?: ResponsiveValue<string | number | string & {}>

The CSS background-color property

bgGradient?: ResponsiveValue<BackgroundImage>

The background-gradient shorthand

bgImage?: ResponsiveValue<BackgroundImage>

The CSS background-image property

bgImg?: ResponsiveValue<BackgroundImage>

The CSS background-image property

bgPos?: ResponsiveValue<number | "center" | "left" | "right" | string & {} | "top" | "bottom" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

The CSS background-position property

bgPosition?: ResponsiveValue<number | "center" | "left" | "right" | string & {} | "top" | "bottom" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

The CSS background-position property

bgRepeat?: ResponsiveValue<BackgroundRepeat>

The CSS background-repeat property

bgSize?: ResponsiveValue<number | string & {} | "auto" | "contain" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "cover">

The CSS background-size property

Generated using TypeDoc