Buttons & Actions
Icon Button
An icon-only button with a built-in tooltip; its label doubles as the accessible name.
An icon-only button with a built-in tooltip. The required label doubles as the accessible name and the tooltip text, so icon-only actions stay usable for screen readers and keyboard users. Every native <button> attribute (like onClick and disabled) spreads through.
Import
import { IconButton } from "@yuhuanowo/yunui";
Basic
Icon actions
Disabled
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| icon* | ReactNode | — | The icon to render inside the button. |
| label* | string | — | Accessible label, also shown as the hover tooltip. |