element-plus/docs/examples/space/alignment.vue
云游君 2b47933c8f
fix(theme-chalk): components details when dark (#7229)
* fix(theme-chalk): components details when dark

* fix(theme-chalk): remove step icon bg color
2022-04-19 12:38:12 +08:00

42 lines
866 B
Vue

<template>
<div class="alignment-container">
<el-space>
string
<el-button> button </el-button>
<el-card>
<template #header> header </template>
body
</el-card>
</el-space>
</div>
<div class="alignment-container">
<el-space alignment="flex-start">
string
<el-button> button </el-button>
<el-card>
<template #header> header </template>
body
</el-card>
</el-space>
</div>
<div class="alignment-container">
<el-space alignment="flex-end">
string
<el-button> button </el-button>
<el-card>
<template #header> header </template>
body
</el-card>
</el-space>
</div>
</template>
<style>
.alignment-container {
width: 240px;
margin-bottom: 20px;
padding: 8px;
border: 1px solid var(--el-border-color);
}
</style>