WtButtonSelect

Props

Prop	Type	Default	Code	Description
all props witch are in wt-button component
options	Array	[]	<wt-button-select :options="[1, 2, 3]"></wt-button-select>	Just like in Context Menu component

Events

Value	Params	Description
click	[{ name: 'event', type: 'Event' }]
click:option	[{ name: 'Option', type: 'Object'}]

Slots

Name	Scope	Description
default		Default content slot

Note: all buttons props are passed as "$attrs"

Different colors

Code

<script setup>
const options = [
  { text: 'lorem ipsum' },
  { text: 'dolor sit amet' },
  { text: 'consectetur adipiscing elit' },
];
</script>

<template>
  <div style="display: flex; gap: var(--spacing-xs)">
    <wt-button-select :options="options"> Primary </wt-button-select>
    <wt-button-select
      color="secondary"
      :options="options"
    >
      Secondary
    </wt-button-select>
    <wt-button-select
      disabled
      :options="options"
    >
      Disabled
    </wt-button-select>
  </div>
</template>

<style scoped lang="scss"></style>