paddingPropDefs()

Home > @backstage/canon > paddingPropDefs

Signature:

paddingPropDefs: (spacingValues: string[]) => {
    p: {
        type: "enum | string";
        className: string;
        customProperties: "--p"[];
        values: string[];
        responsive: true;
    };
    px: {
        type: "enum | string";
        className: string;
        customProperties: ("--pl" | "--pr")[];
        values: string[];
        responsive: true;
    };
    py: {
        type: "enum | string";
        className: string;
        customProperties: ("--pt" | "--pb")[];
        values: string[];
        responsive: true;
    };
    pt: {
        type: "enum | string";
        className: string;
        customProperties: "--pt"[];
        values: string[];
        responsive: true;
    };
    pr: {
        type: "enum | string";
        className: string;
        customProperties: "--pr"[];
        values: string[];
        responsive: true;
    };
    pb: {
        type: "enum | string";
        className: string;
        customProperties: "--pb"[];
        values: string[];
        responsive: true;
    };
    pl: {
        type: "enum | string";
        className: string;
        customProperties: "--pl"[];
        values: string[];
        responsive: true;
    };
}

Parameters

Parameter	Type	Description
spacingValues	string[]

**Returns:**

{ p: { type: "enum | string"; className: string; customProperties: "--p"[]; values: string[]; responsive: true; }; px: { type: "enum | string"; className: string; customProperties: ("--pl" | "--pr")[]; values: string[]; responsive: true; }; py: { type: "enum | string"; className: string; customProperties: ("--pt" | "--pb")[]; values: string[]; responsive: true; }; pt: { type: "enum | string"; className: string; customProperties: "--pt"[]; values: string[]; responsive: true; }; pr: { type: "enum | string"; className: string; customProperties: "--pr"[]; values: string[]; responsive: true; }; pb: { type: "enum | string"; className: string; customProperties: "--pb"[]; values: string[]; responsive: true; }; pl: { type: "enum | string"; className: string; customProperties: "--pl"[]; values: string[]; responsive: true; }; }