图标按钮

IconButton操作与导航

只有图标的方形按钮，默认透明底。label 必填，作为读屏名称并显示为悬浮提示；切换类按钮可传 pressed 表示开合状态。

属性

名称	类型	默认值	说明
`icon`	`Signal<IconName>`	必填	图标。
`label`	`Signal<String>`	必填	读屏名称与悬浮提示。
`variant`	`Signal<ButtonVariant>`	`Ghost`	按钮样式。
`size`	`ButtonSize`	`Md`	尺寸，按钮为正方形。
`pressed`	`Signal<Option<bool>>`	`None`	切换按钮的按下状态，输出 aria-pressed。
`shortcut`	`MaybeProp<&'static str>`	`None`	快捷键，显示在悬浮提示里。
`tooltip_placement`	`Signal<String>`	`"top"`	提示出现在上方或下方。
`tooltip_align`	`Signal<String>`	`"center"`	贴边时让提示朝内侧对齐。
`disabled`	`Signal<bool>`	`false`	禁用。
`class`	`Signal<String>`	`空`	附加类名。
`onclick`	`Option<Callback<MouseEvent>>`	`None`	点击回调。

键盘

Enter / Space: 触发按钮。

用法

src/components/ui/controls.rs

view! {
    <IconButton icon=IconName::Copy label="\u590D\u5236\u94FE\u63A5" onclick=move |_| copy()/>
}