VvEl Component

The VvEl component generates <variable> (variable valid Vue HTML tags) application elements, and comes with aesthetically flexible Vue props to globally control your instances and defaults via your application's app.vv.ts file.

VvEl Defaults

Contributor:@oberocks

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

                        <script setup lang="ts">

                            import VvEl from './vv/elements/VvEl.vue'

                        </script>

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

                                <VvEl>Undeclared</VvEl>

                                <VvEl text-color="default">Default</VvEl>

                                <VvEl text-color="primary">Primary</VvEl>

                                <VvEl text-color="secondary">Secondary</VvEl>

                                <VvEl text-color="error">Error</VvEl>

                                <VvEl text-color="success">Success</VvEl>

                            </div>
                        
                        </template>

The Result:

Undeclared

Default

Error

Primary

Secondary

Success