element-plus/docs/examples/button/size.vue
Aex f78407a409
fix(components): empty icon component judgment (#4178)
* fix(components): empty icon component judgment

* revert: globals components

* fix(components): el-icon missing import

* fix: use shallowRef for icon components

* refactor: remove shallowRef

* fix: remove unused code

* fix: social-link icon size

* fix: time picker icon

* fix: v-if judge
2021-11-05 17:44:02 +08:00

24 lines
781 B
Vue

<template>
<el-row>
<el-button>Default</el-button>
<el-button size="medium">Medium</el-button>
<el-button size="small">Small</el-button>
<el-button size="mini">Mini</el-button>
</el-row>
<el-row>
<el-button round>Default</el-button>
<el-button size="medium" round>Medium</el-button>
<el-button size="small" round>Small</el-button>
<el-button size="mini" round>Mini</el-button>
</el-row>
<el-row>
<el-button :icon="Search" circle></el-button>
<el-button :icon="Search" size="medium" circle></el-button>
<el-button :icon="Search" size="small" circle></el-button>
<el-button :icon="Search" size="mini" circle></el-button>
</el-row>
</template>
<script setup lang="ts">
import { Search } from '@element-plus/icons'
</script>