Bleed

childrenRequired

ReactNode

space

"gutter" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "none" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", Space> | RequiredResponsiveArray<1 | 2 | 3 | 4, Space | null>

horizontal

"gutter" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "none" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", Space> | RequiredResponsiveArray<1 | 2 | 3 | 4, Space | null>

vertical

"gutter" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "none" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", Space> | RequiredResponsiveArray<1 | 2 | 3 | 4, Space | null>

top

"gutter" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "none" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", Space> | RequiredResponsiveArray<1 | 2 | 3 | 4, Space | null>

bottom

"gutter" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "none" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", Space> | RequiredResponsiveArray<1 | 2 | 3 | 4, Space | null>

left

"gutter" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "none" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", Space> | RequiredResponsiveArray<1 | 2 | 3 | 4, Space | null>

right

"gutter" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "none" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", Space> | RequiredResponsiveArray<1 | 2 | 3 | 4, Space | null>

component

"span" | "div"

data

DataAttributeMap

Further References