SkSelectButton

Example Usage

Example

{ "name": "Option 1", "value": 1 }

Upload

<script setup>
import { ref } from 'vue';
const options = [
  { name: 'Option 1', value: 1 },
  { name: 'Option 2', value: 0 },
  { name: 'Option 3', value: 'Option 3' },
];

const options2 = ['Upload', 'Choose'];

const activeTab = ref(options[0]);
const activeTab2 = ref('Upload');
</script>

<template>
  <SkSelectButton v-model="activeTab" :options="options" option-label="name"></SkSelectButton>
  {{ activeTab }}
  <br />
  <br />
  <SkSelectButton v-model="activeTab2" :options="options2"></SkSelectButton>
  {{ activeTab2 }}
</template>

<style lang="scss">
.demo-container .sk-button {
  @apply mr-s mb-s;
}
</style>

Reference

This component can be extended with all options from PrimeVue

Properties

Name	Type	Default	Description

Events

Name	Parameters	Description
click	$event	do something