aeria-bare-button

This component renders an unstyled button that will ultimately be an <a /> HTML element. Sometimes you may use useful to have controls for disabling click and adaptative cursor change without having a styled button.

Example

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

<template>
  <aeria-bare-button @click="count1 += 1">
    Enabled (click me): {{ count1 }}
  </aeria-bare-button>

  <aeria-bare-button disabled @click="count2 += 1">
    Disabled (click me): {{ count2 }}
  </aeria-bare-button>
</template>

Props

• disabled boolean?

Slots

• default: Content to be displayed inside the button.