Interface SpacingProps

interface SpacingProps {
    alignItems?: "center" | "end" | "start" | "stretch" | "stretch-text-center";
    children: ReactNode;
    className?: string;
    direction?: "row" | "column";
    gapSize?: "none" | "XS" | "S" | "M" | "L" | "XL" | "6XS" | "5XS" | "4XS" | "3XS" | "XXS" | "XXL" | "3XL" | "4XL" | "5XL";
    leftRightPaddingSize?: "none" | "XS" | "S" | "M" | "L" | "XL";
    topBottomPaddingSize?: "none" | "XS" | "S" | "M" | "L" | "XL" | "XXS";
}

Properties

alignItems? children className? direction? gapSize? leftRightPaddingSize? topBottomPaddingSize?

Properties

Optional alignItems

alignItems?: "center" | "end" | "start" | "stretch" | "stretch-text-center"

Alignment of items (only affects non-full-width items)

children

children: ReactNode

Content to be spaced

Optional className

className?: string

Custom class names

Optional direction

direction?: "row" | "column"

Direction for content to flow

Optional gapSize

gapSize?: "none" | "XS" | "S" | "M" | "L" | "XL" | "6XS" | "5XS" | "4XS" | "3XS" | "XXS" | "XXL" | "3XL" | "4XL" | "5XL"

Size of the gap between spacing elements

Optional leftRightPaddingSize

leftRightPaddingSize?: "none" | "XS" | "S" | "M" | "L" | "XL"

Padding on the left and right of the spacing elements

Optional topBottomPaddingSize

topBottomPaddingSize?: "none" | "XS" | "S" | "M" | "L" | "XL" | "XXS"

Padding on the top and bottom of the spacing elements

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc