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

An enabled bare button.

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

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

---

A disabled bare button.

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

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

Props

• dummy boolean?: Don't capture click events.
• disabled boolean?: Disable click events.

Slots

• default: Content to be displayed inside the button.