Skip to content

IconButton 图标按钮

图标按钮组件,支持 circle/square/round 形状,徽标计数。

基础用法

vue
<template>
  <parrot-icon-button icon="★" />
  <parrot-icon-button icon="✓" type="primary" />
  <parrot-icon-button icon="✕" type="danger" />
</template>

形状

vue
<parrot-icon-button icon="★" shape="circle" />
<parrot-icon-button icon="★" shape="round" />
<parrot-icon-button icon="★" shape="square" />

带徽标

vue
<parrot-icon-button icon="✉" :badge="3" />

API

Props

属性类型默认值说明
iconstring''图标
shapestring'circle'形状
sizestring'md'尺寸
typestring'default'类型
disabledbooleanfalse禁用
badgestring|number''徽标

Released under the MIT License.