2019-11-18 11:34:18 +08:00
|
|
|
# Segmented
|
2020-03-08 14:19:51 +08:00
|
|
|
`content`, `footer` can be `hard` or `soft` segmented. `action` can be segmented. Segment border will appear at the top of segmented parts.
|
2019-11-18 11:34:18 +08:00
|
|
|
```html
|
|
|
|
|
<n-card title="Card Segmented Demo" :segmented="{
|
|
|
|
|
content: 'hard',
|
2019-12-22 23:19:08 +08:00
|
|
|
footer: 'soft'
|
2019-11-18 11:34:18 +08:00
|
|
|
}">
|
|
|
|
|
<template v-slot:header-extra>
|
|
|
|
|
v-slot:header-extra
|
|
|
|
|
</template>
|
2019-12-02 03:16:35 +08:00
|
|
|
Card Content
|
2019-11-18 11:34:18 +08:00
|
|
|
<template v-slot:footer>
|
|
|
|
|
v-slot:footer
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:action>
|
|
|
|
|
v-slot:action
|
|
|
|
|
</template>
|
|
|
|
|
</n-card>
|
|
|
|
|
```
|
