naive-ui/demo/documentation/components/descriptions/enUS/span.md

36 lines
863 B
Markdown
Raw Normal View History

2019-11-12 15:04:42 +08:00
# Span
You can set span for each item.
```html
<n-descriptions label-placement="top" bordered :column="6">
<n-descriptions-item>
<template v-slot:label>
Breakfast
</template>
Apple
</n-descriptions-item>
<n-descriptions-item label="Brunch">
Apple
</n-descriptions-item>
<n-descriptions-item label="Lunch">
Apple
</n-descriptions-item>
<n-descriptions-item label="Supper">
Apple
</n-descriptions-item>
<n-descriptions-item label="Dinner">
Apple
</n-descriptions-item>
<n-descriptions-item label="Midnight Snack">
Apple
</n-descriptions-item>
<n-descriptions-item label="Apple">
Apple
</n-descriptions-item>
<n-descriptions-item label="Apple" :span="2">
Apple
</n-descriptions-item>
<n-descriptions-item label="Apple" :span="3">
Apple
</n-descriptions-item>
</n-descriptions>
```