mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
24 lines
572 B
Markdown
24 lines
572 B
Markdown
|
# Columns
|
||
|
|
You can adjust items per row by set column of descriptions.
|
||
|
|
```html
|
||
|
|
<n-descriptions label-placement="top" :column="4">
|
||
|
|
<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="Midnight Snack">
|
||
|
|
Apple
|
||
|
|
</n-descriptions-item>
|
||
|
|
</n-descriptions>
|
||
|
|
```
|