# 4.3 圆形按钮（Circle Button）

圆形按钮组件，用于展示圆形图标按钮

<template>
  <dof-circle-button text="按钮" @dofButtonClicked="onClick"></dof-circle-button>
</template>

1
2
3

Prop	Type	Required	Default	Description
`mode`	`String`	`N`	`common`	模式
`size`	`String`	`N`	`middle`	尺寸：`small`/`middle`/`large`
`theme`	`String`	`N`	`primary`	主题颜色
`theme-color`	`String`	`N`	`null`	自定义主题颜色
`circle-blank-color`	`String`	`N`	`''`	圆形空白区域颜色
`text`	`String`	`N`	`text`	按钮文本
`text-color`	`String`	`N`	`null`	文本颜色
`img-url`	`String`	`N`	`null`	图标地址
`disabled`	`Boolean`	`N`	`false`	是否禁用
`has-dot`	`Boolean`	`N`	`false`	是否显示红点
`has-animation`	`Boolean`	`N`	`false`	是否有动画效果
`needDarkMode`	`Boolean`	`N`	`false`	是否需要暗黑模式适配 ^2.5.5

事件名	说明	回调参数
`dofButtonClicked`	点击事件	`e`