Element Plus Button is a customizable and versatile UI component designed for creating interactive and visually appealing buttons in web applications.
Default size is Large. Button component provides {{ sizes.length }} additional sizes for you to choose among different scenarios. Use attribute size to set additional
sizes
<el-button size="small">small</el-button>
A rounded button in Element Plus features slightly curved corners, providing a softer and more modern appearance to your UI elements. To apply it add
<el-button round>small</el-button>
The type prop in Element Plus Button allows you to select from predefined styles such as
<el-button :type="success">success</el-button>
The plain prop in Element Plus Button creates a button with a transparent background, offering a subtle and minimalistic look. Add
<el-button plain>success</el-button>
The plain prop in Element Plus Button creates a button with a transparent background, offering a subtle and minimalistic look. Add
<el-button text>success</el-button>
The
<el-button :size="small">small</el-button>
Use
<el-button :icon="ElIconShare" />
<el-button>Upload<el-icon class="el-icon--right"><ElIconUpload /></el-icon></el-button>
Displayed as a button group, can be used to group a series of similar operations. Use tag
You can custom element
<el-button tag="div" role="button" tabindex="0">div</el-button>
<el-button type="primary" tag="a" href="https://github.com/element-plus/element-plus" target="_blank" rel="noopener
noreferrer" > a </el-button>