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: