mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
1.5 KiB
1.5 KiB
<script>
import RadiusBox from "../../components/demo/border/radius-box.vue";
import ShadowBox from "../../components/demo/border/shadow-box.vue";
const radiusGroup = [
{
name: 'No Radius',
type: ''
},
{
name: 'Small Radius',
type: 'small'
},
{
name: 'Large Radius',
type: 'base'
},
{
name: 'Round Radius',
type: 'round'
},
]
const shadowGroup = [
{
name: 'Basic Shadow',
type: 'base'
},
{
name: 'Light Shadow',
type: 'light'
}
]
export default {
components: {
RadiusBox,
ShadowBox
},
data() {
return {
radiusGroup,
shadowGroup,
}
}
}
</script>
Border
We standardize the borders that can be used in buttons, cards, pop-ups and other components.
Border
There are few border styles to choose.
| Name | Thickness | Demo |
| Solid | 1px | |
| Dashed | 2px |
Radius
There are few radius styles to choose.
Shadow
There are few shadow styles to choose.