Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

Bleed

Bleed is a component used to extend elements beyond the boundaries of a container.

Source@yamada-ui/layouts

Props

BleedProps

block

Description

The CSS margin-block property.

Type

UIValue<number | "px" | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (string & {}) | "-0.5" | ... 100 more ... | "xs">

blockEnd

Description

The CSS margin-block-end property.

Type

UIValue<number | "px" | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (string & {}) | "-0.5" | ... 100 more ... | "xs">

blockStart

Description

The CSS margin-block-start property.

Type

UIValue<number | "px" | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (string & {}) | "-0.5" | ... 100 more ... | "xs">

inline

Description

The CSS margin-inline property.

Type

UIValue<number | "px" | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (string & {}) | "-0.5" | ... 100 more ... | "xs"> | "full"

inlineEnd

Description

The CSS margin-inline-end property.

Type

UIValue<number | "px" | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (string & {}) | "-0.5" | ... 100 more ... | "xs"> | "full"

inlineStart

Description

The CSS margin-inline-start property.

Type

UIValue<number | "px" | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (string & {}) | "-0.5" | ... 100 more ... | "xs"> | "full"

Edit this page on GitHub

PreviousSpacerNextFloat