VvAnchor Component

The VvAnchor component generates <a> (anchor 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.

VvAnchor Defaults

Contributor:@oberocks

                    
                        <!-- ./src/components/SomeComponent.vue -->

                        <script setup lang="ts">

                            import VvAnchor from './vv/anchors/VvAnchor.vue'

                        </script>

                        <template>
                        
                            <nav class="flex gap-6">

                                <VvAnchor href="#">Undeclared</VvAnchor>

                                <VvAnchor href="#" color="default">Default</VvAnchor>

                                <VvAnchor href="#" color="primary">Primary</VvAnchor>

                                <VvAnchor href="#" color="secondary">Secondary</VvAnchor>

                                <VvAnchor href="#" color="error">Error</VvAnchor>

                                <VvAnchor href="#" color="success">Success</VvAnchor>

                            </nav>
                        
                        </template>

The Result: