<markdown>
# Size

Description support `small`, `medium` and `large` size.
</markdown>

<template>
  <n-space vertical :size="12">
    <n-descriptions label-placement="left" title="Description" size="small">
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions label-placement="left" title="Description" size="medium">
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions label-placement="left" title="Description" size="large">
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions label-placement="top" title="Description" size="small">
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions label-placement="top" title="Description" size="medium">
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions label-placement="top" title="Description" size="large">
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions
      label-placement="top"
      title="Description"
      size="small"
      bordered
    >
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions
      label-placement="top"
      title="Description"
      size="medium"
      bordered
    >
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
    <n-descriptions
      label-placement="top"
      title="Description"
      size="large"
      bordered
    >
      <n-descriptions-item>
        <template #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" :span="2">
        Two<br>
        Apples
      </n-descriptions-item>
      <n-descriptions-item label="Midnight Snack">
        Apple
      </n-descriptions-item>
    </n-descriptions>
  </n-space>
</template>
