marginPropDefs()

Home > @backstage/canon > marginPropDefs

Signature:

marginPropDefs: (spacingValues: string[]) => {
    m: {
        type: "enum | string";
        values: string[];
        className: string;
        customProperties: "--m"[];
        responsive: true;
    };
    mx: {
        type: "enum | string";
        values: string[];
        className: string;
        customProperties: ("--ml" | "--mr")[];
        responsive: true;
    };
    my: {
        type: "enum | string";
        values: string[];
        className: string;
        customProperties: ("--mt" | "--mb")[];
        responsive: true;
    };
    mt: {
        type: "enum | string";
        values: string[];
        className: string;
        customProperties: "--mt"[];
        responsive: true;
    };
    mr: {
        type: "enum | string";
        values: string[];
        className: string;
        customProperties: "--mr"[];
        responsive: true;
    };
    mb: {
        type: "enum | string";
        values: string[];
        className: string;
        customProperties: "--mb"[];
        responsive: true;
    };
    ml: {
        type: "enum | string";
        values: string[];
        className: string;
        customProperties: "--ml"[];
        responsive: true;
    };
}

Parameters

Parameter	Type	Description
spacingValues	string[]

**Returns:**

{ m: { type: "enum | string"; values: string[]; className: string; customProperties: "--m"[]; responsive: true; }; mx: { type: "enum | string"; values: string[]; className: string; customProperties: ("--ml" | "--mr")[]; responsive: true; }; my: { type: "enum | string"; values: string[]; className: string; customProperties: ("--mt" | "--mb")[]; responsive: true; }; mt: { type: "enum | string"; values: string[]; className: string; customProperties: "--mt"[]; responsive: true; }; mr: { type: "enum | string"; values: string[]; className: string; customProperties: "--mr"[]; responsive: true; }; mb: { type: "enum | string"; values: string[]; className: string; customProperties: "--mb"[]; responsive: true; }; ml: { type: "enum | string"; values: string[]; className: string; customProperties: "--ml"[]; responsive: true; }; }