element-plus/docs/examples/button/size.vue
云游君 5067dd3b70
fix(theme-chalk): upload progress & menu padding style & pagination align (#5011)
* fix: upload progress margin

* fix: menu example style

* fix: picker & radio padding, button form details

* fix(theme-chalk): pagination align
2021-12-29 16:21:29 +08:00

28 lines
1002 B
Vue

<template>
<el-row>
<el-button size="large">Large</el-button>
<el-button>Default</el-button>
<el-button size="small">Small</el-button>
<el-button size="large" :icon="Search">Search</el-button>
<el-button :icon="Search">Search</el-button>
<el-button size="small" :icon="Search">Search</el-button>
</el-row>
<el-row class="my-4">
<el-button size="large" round>Large</el-button>
<el-button round>Default</el-button>
<el-button size="small" round>Small</el-button>
<el-button size="large" :icon="Search" round>Search</el-button>
<el-button :icon="Search" round>Search</el-button>
<el-button size="small" :icon="Search" round>Search</el-button>
</el-row>
<el-row>
<el-button :icon="Search" size="large" circle></el-button>
<el-button :icon="Search" circle></el-button>
<el-button :icon="Search" size="small" circle></el-button>
</el-row>
</template>
<script setup lang="ts">
import { Search } from '@element-plus/icons-vue'
</script>