Interface SpacingProps

interface SpacingProps {
    children?: ReactNode;
    customAttribute?: {
        attribute: string;
        value: string | number;
    };
    size?: number;
    sx?: SxProps<Theme>;
    variant?: "small" | "medium";
}

Properties

children? customAttribute? size? sx? variant?

Properties

Optionalchildren

children?: ReactNode

OptionalcustomAttribute

customAttribute?: {
    attribute: string;
    value: string | number;
}

Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]".

Optionalsize

size?: number

Optional size to adjust the spacing. Automatically becomes 8px larger on lg screens and above.

Optionalsx

sx?: SxProps<Theme>

The system prop that allows defining system overrides as well as additional CSS styles.

Optionalvariant

variant?: "small" | "medium"

Variant of the spacing.

Settings

Member Visibility

On This Page

Properties