Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

CloseButton

CloseButton is a component used primarily to trigger the close functionality of a component.

Source@yamada-ui/close-button

Props

CloseButtonProps

colorScheme

Description

The visual color appearance of the component.

Type

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

disableRipple

Description

If true, disable ripple effects when pressing a element.

Type

boolean

Default

false

isDisabled

Description

If true, the button is disabled.

Type

boolean

Default

false

isRounded

Description

If true, the button is full rounded.

Type

boolean

Default

false

size

Description

The size of the CloseButton.

Type

"sm" | "md" | "lg"

Default

"md"

variant

Description

The variant of the CloseButton.

Type

string

Edit this page on GitHub

PreviousMotionNextPortal