VvButton Component
The VvButton component generates <button> (button HTML tag) application elements, and comes with aesthetically flexible Vue props to globally control your instances and defaults via your application's app.vv.ts file.
VvButton Defaults
Contributor:@oberocks
<!-- ./src/components/SomeComponent.vue -->
<script setup lang="ts">
import VvButton from './vv/buttons/VvButton.vue'
</script>
<template>
<nav class="flex gap-6">
<VvButton>Undeclared</VvButton>
<VvButton color="default">Default</VvButton>
<VvButton color="primary">Primary</VvButton>
<VvButton color="secondary">Secondary</VvButton>
<VvButton color="error">Error</VvButton>
<VvButton color="success">Success</VvButton>
</nav>
<nav class="flex gap-6 pt-6">
<VvButton palette="underline">Undeclared</VvButton>
<VvButton palette="underline" color="default">Default</VvButton>
<VvButton palette="underline" color="primary">Primary</VvButton>
<VvButton palette="underline" color="secondary">Secondary</VvButton>
<VvButton palette="underline" color="error">Error</VvButton>
<VvButton palette="underline" color="success">Success</VvButton>
</nav>
</template>
The Result: