Size

<n-popselect
  v-model:value="value"
  :options="options"
  size="medium"
>
  <n-tag style="margin-right: 8px;">{{ value || 'Popselect' }}</n-tag>
</n-popselect>
<n-popselect
  v-model:value="value"
  :options="options"
  size="large"
>
  <n-tag>{{ value || 'Popselect' }}</n-tag>
</n-popselect>

export default {
  data () {
    return {
      value: 'Drive My Car',
      options: [
        {
          label: 'Drive My Car',
          value: 'Drive My Car'
        },
        {
          label: 'Norwegian Wood',
          value: 'Norwegian Wood'
        },
        {
          label: 'You Won\'t See',
          value: 'You Won\'t See',
          disabled: true
        },
        {
          label: 'Nowhere Man',
          value: 'Nowhere Man'
        },
        {
          label: 'Think For Yourself',
          value: 'Think For Yourself'
        },
        {
          label: 'The Word',
          value: 'The Word'
        },
        {
          label: 'Michelle',
          value: 'Michelle',
          disabled: true
        },
        {
          label: 'What goes on',
          value: 'What goes on'
        },
        {
          label: 'Girl',
          value: 'Girl'
        },
        {
          label: 'I\'m looking through you',
          value: 'I\'m looking through you'
        },
        {
          label: 'In My Life',
          value: 'In My Life'
        },
        {
          label: 'Wait',
          value: 'Wait'
        }
      ]
    }
  }
}

1.5 KiB Raw Blame History

Size

1.5 KiB

Raw Blame History