Informations

This component uses MazBtn and therefore inherits all these options


Examples

LG primary
Secondary
SM third outline
SM third rounded
MINI success rounded outline
With icons
Disabled

Number value : 1

Boolean value : false

String value : null

String value mini : null


How to use it ?

  <template>
  <MazBtnGroup
    v-model="btnGroupValue"
    :items="items"
  />
</template>

<script>
  import { MazBtnGroup } from 'maz-ui'
  export default {
    components: { MazBtnGroup },
    data () {
      return {
        btnGroupValue: null,
        items: [
          { label: 'Number 1', value: 1 },
          { label: 'Number 2', value: 2 },
          { label: 'Number 3', value: 3 }
        ]
      }
    }
  }
</script>