@alicd/crui-icon-button

--- category: Components type: UI Views component: Basic chinese: 图标按钮 english: IconButton ---

Usage no npm install needed!

<script type="module">
  import alicdCruiIconButton from 'https://cdn.skypack.dev/@alicd/crui-icon-button';
</script>

README

category: Components type: UI Views component: Basic chinese: 图标按钮 english: IconButton

带图标的 Button 组件。支持所有 Button 组件已有的能力。

API

成员 说明 类型 默认值
iconType 指定显示哪种图标 string N/A
size 按钮的尺寸。可选值: "small", "medium", "large" "small" 或 "large" 或 "medium" "medium"
prefix 组件样式的品牌前缀 string "next-"
onClick 点击按钮的回调。参数: e: Event Event Object (e: Event) => void 默认不执行任何操作
className 添加组件的自定义 class string N/A
style 自定义按钮的 CSS 样式 object N/A
shape 按钮的形态。可选值: "ghost", "text", "warning" "ghost" 或 "text" 或 "warning" N/A
type 按钮的类型。可选值: "primary", "secondary", "normal", "dark", "light" "primary" 或 "secondary" 或 "normal" 或 "dark" 或 "light" "normal"
htmlType 设置 button 标签的原生 HTML type 值 string "button"
component 设置标签类型。可选值: "button", "span", "a", "div" "button" 或 "span" 或 "a" 或 "div" "button"
loading 设置按钮的载入状态 boolean "false"