oa/documentation/button/v-button-base-documentation.md

state

state
clicked 0

VButton

Vuero provides a <VButton /> component if you don't want to use the simple Html button. VButtons can be made bold and rounded by using the bold and rounded props on the component.

<script setup lang="ts">
const clicked = ref(0)
</script>

<template>
  <VButtons>
    <VButton @click="clicked++">
      clicked: {{ clicked }}
    </VButton>
    <VButton bold @click="clicked++">
      clicked: {{ clicked }}
    </VButton>
    <VButton rounded @click="clicked++">
      clicked: {{ clicked }}
    </VButton>
    <VButton
      bold
      rounded
      @click="clicked++"
    >
      clicked: {{ clicked }}
    </VButton>
  </VButtons>
</template>

clicked: {{ frontmatter.state.clicked }} clicked: {{ frontmatter.state.clicked }} clicked: {{ frontmatter.state.clicked }} clicked: {{ frontmatter.state.clicked }}