VvInput Component

The VvInput component generates <input/> (input 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.

VvInput Defaults

Contributor:@oberocks
                    
                        <!-- ./src/components/SomeComponent.vue -->

                        <script setup lang="ts">

                            import VvInput from './vv/inputs/VvInput.vue'

                        </script>

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

                                <VvInput placeholder="Undeclared Color"/>

                                <VvInput color="default" placeholder="Default Color"/>

                                <VvInput color="error" placeholder="Error Color"/>

                                <VvInput color="success" placeholder="Success Color"/>

                            </div>
                        
                        </template>
                    
                
The Result: