Skip to content

Instantly share code, notes, and snippets.

@thunderrun

thunderrun/element-ui-radio-buttons.html

Last active December 22, 2020 06:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thunderrun/9f969535ff7c834f30cea8a569334b26 to your computer and use it in GitHub Desktop.
Save thunderrun/9f969535ff7c834f30cea8a569334b26 to your computer and use it in GitHub Desktop.
Download ZIP
Seperate Element UI Radio Buttons
Raw
element-ui-radio-buttons.html
<template>
<el-radio-group class="radio-buttons">
<el-radio-button label="New York"></el-radio-button>
<el-radio-button label="Washington"></el-radio-button>
<el-radio-button label="Los Angeles"></el-radio-button>
<el-radio-button label="Chicago"></el-radio-button>
</el-radio-group>
</template>
<style scoped>
.radio-buttons >>> .el-radio-button__inner {
border-radius: 4px;
outline: none;
margin-right: 10px;
margin-bottom: 5px;
border-left: 1px solid #DCDFE6;
box-shadow: 0 0 0 0 #409EFF;
}
.radio-buttons >>> .el-radio-button:last-child .el-radio-button__inner {
margin-right: 0;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment