mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-14 18:11:48 +08:00
ade87f6729
* docs: standardize unified example code format and fix some example type * docs: update some example type * Update docs/examples/descriptions/sizes.vue Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com> * docs: update example-page-header * docs: update example-page-header --------- Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com>
51 lines
975 B
Vue
51 lines
975 B
Vue
<template>
|
|
<p>Basic text button</p>
|
|
<div class="mb-4">
|
|
<el-button
|
|
v-for="button in buttons"
|
|
:key="button.text"
|
|
:type="button.type"
|
|
text
|
|
>
|
|
{{ button.text }}
|
|
</el-button>
|
|
</div>
|
|
|
|
<p>Background color always on</p>
|
|
<div class="mb-4">
|
|
<el-button
|
|
v-for="button in buttons"
|
|
:key="button.text"
|
|
:type="button.type"
|
|
text
|
|
bg
|
|
>
|
|
{{ button.text }}
|
|
</el-button>
|
|
</div>
|
|
|
|
<p>Disabled text button</p>
|
|
<div>
|
|
<el-button
|
|
v-for="button in buttons"
|
|
:key="button.text"
|
|
:type="button.type"
|
|
text
|
|
disabled
|
|
>
|
|
{{ button.text }}
|
|
</el-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const buttons = [
|
|
{ type: '', text: 'plain' },
|
|
{ type: 'primary', text: 'primary' },
|
|
{ type: 'success', text: 'success' },
|
|
{ type: 'info', text: 'info' },
|
|
{ type: 'warning', text: 'warning' },
|
|
{ type: 'danger', text: 'danger' },
|
|
] as const
|
|
</script>
|