Textareas Config Flavors

The VueVentus Textareas Config maps to the .textareas property of your app VvConfig object. Global values should be set in your app.vv file, to be both provided and/or imported for use at the component level as a single source of truth for textarea element styling in your app.

Textareas Config Default

Contributor:@oberocks
            
                // ./src/app.vv.ts

                import { VvConfig } from '@obewds/vueventus'
                import type { ConfigVv } from '@obewds/vueventus'

                let appVv: ConfigVv = VvConfig
            
        
                    
                        appVv.textareas.border      = 'border'
                        appVv.textareas.display     = 'block w-full'
                        appVv.textareas.outline     = ''
                        appVv.textareas.placeholder = 'placeholder:opacity-50'
                        appVv.textareas.ring        = ''
                        appVv.textareas.rounding    = ''

                        appVv.textareas.rowSizes = {
                            'xs' : 1,
                            'md' : 3,
                            'lg' : 4,
                            'xl' : 6,
                            '2xl': 8,
                        }

                        appVv.textareas.shadow = ''
                        appVv.textareas.sizes  = Inputs.sizes

                        appVv.textareas.sizes = {
                            'xs' : 'px-2 py-1.5 text-sm',
                            'md' : 'px-3 py-2 text-lg',
                            'lg' : 'px-4 py-3 text-xl',
                            'xl' : 'px-4 py-3 text-2xl',
                            '2xl': 'px-5 py-4 text-3xl',
                        }

                        appVv.textareas.text       = ''
                        appVv.textareas.transition = appVv.transitions.classes('colors', 'inOut', '300')
                    
                
            
                export default appVv