IconButton

带图标的圆形按钮，名称必填，提示框会显示该名称。

查看源码
import { IconButton } from "@logicplanes/kaeso-ui";

属性

  • aria-label
    string

    无障碍名称，同时作为提示框内容。必填。

  • disabledReason
    string

    禁用原因，以提示框显示；按钮保持可聚焦，便于阅读原因。

  • href
    string

    使其成为指向此地址的链接。

  • icon
    IconSvgElement

    图标；请为按钮设置 aria-label。

  • loading
    boolean

    显示正在处理，并在结束前忽略点击。

  • shortcut
    string[] | string[][]

    提示框中显示的快捷键。

  • size
    "md" | "xs" | "sm" | "lg" | "xl" = sm

    直径，从 xs（24px）到 xl（44px）。

  • tooltip
    boolean = true

    关闭提示框（少用：旁边已有可见标签时）。

  • tooltipSide
    "top" | "bottom" | "left" | "right" = top

    显示其名称的提示框出现的位置。

  • variant
    "danger" | "secondary" | "primary" | "ghost" | "quiet" | "soft" | "danger-secondary" = ghost

    外观，与 Button 相同。