Dropdown

<bpa-dropdown v-model="value" :options="options" theme="primary" @click="onClick"/>

<bpa-dropdown v-model="value" :options="options" size="small" @click="onClick"/>

<bpa-dropdown v-model="value" :options="options" placeholder="自訂文字" @click="onClick"/>

<bpa-dropdown v-model="value" :options="options" theme="primary" disabled @click="onClick"/>

<bpa-dropdown v-model="value" :options="options" @click="onClick">
  <template v-slot:prefix>Prefix</template>
  <template v-slot:affix>Affix</template>
</bpa-dropdown>

<bpa-dropdown v-model="value" :options="options" fixed @click="onClick"/>

<bpa-form-item labelFor="bpa-dropdown-{id}-btn">
	<bpa-dropdown v-model="value" :options="options" :id="{id}" @click="onClick"/>
</bpa-form-item>

<bpa-dropdown v-model="value" :options="options" optionWidth="100px" @click="onClick"/>

//data
options: [
  { 
    type: 'link',
    url: '/',
    label: 'Internal Link',
  },
  { 
    type: 'external-link',
    url: 'https://google.com',
    label: 'External Link',
  },
  { 
    label: 'Text',
  }
]

//methods
onClick(item: any){
  console.log(item);
}