Leave Yamada UI a star

Star
Yamada UIYamada UIv1.7.2

IconButton

IconButton is a component that displays an icon within a button.

Source@yamada-ui/button

Props

IconButtonProps

active

Description

If true, the button is represented as active.

Type

boolean

Default

false

disableRipple

Description

If true, disable ripple effects when pressing a element.

Type

boolean

Default

false

fullRounded

Description

If true, the button is full rounded. Else, it'll be slightly round.

Type

boolean

Default

false

icon

Description

The icon to be used in the button.

Type

ReactElement<any, string | JSXElementConstructor<any>>

isActive

Deprecated

Description

If true, the button is represented as active.

Deprecated

Use active instead.

Type

boolean

Default

false

isDisabled

Deprecated

Description

If true, the button is disabled.

Deprecated

Use disabled instead.

Type

boolean

Default

false

isLoading

Deprecated

Description

If true, the loading state of the button is represented.

Deprecated

Use loading instead.

Type

boolean

Default

false

isRounded

Deprecated

Description

If true, the button is full rounded. Else, it'll be slightly round.

Deprecated

Use fullRounded instead.

Type

boolean

Default

false

loading

Description

If true, the loading state of the button is represented.

Type

boolean

Default

false

Edit this page on GitHub

PreviousButtonNextInput