mirror/naive-ui

mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00

07akioni 849c9deb21 doc: use card to show demo

2019-12-22 23:19:08 +08:00

448 B

Raw Blame History

Segmented

content, footer and action can be hard or soft segmented. Segment border will appear at the top of segmented.

<n-card title="Card Segmented Demo" :segmented="{
  content: 'hard',
  footer: 'soft'
}">
  <template v-slot:header-extra>
    v-slot:header-extra
  </template>
  Card Content
  <template v-slot:footer>
    v-slot:footer
  </template>
  <template v-slot:action>
    v-slot:action
  </template>
</n-card>