VvList Component

The VvList component generates <ul> and <ol> (ul and ol 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.

VvList Defaults

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

                        <script setup lang="ts">

                            import VvList from './vv/lists/VvList.vue'

                        </script>

                        <template>

                            <VvList>
                                <li>Marker Color (undefined) One</li>
                                <li>Marker Color (undefined) Two</li>
                            </VvList>

                            <VvList marker-color="default">
                                <li>Marker Color (default) One</li>
                                <li>Marker Color (default) Two</li>
                            </VvList>

                            <VvList marker-color="primary">
                                <li>Marker Color (primary) One</li>
                                <li>Marker Color (primary) Two</li>
                            </VvList>

                            <VvList marker-color="error">
                                <li>Marker Color (error) One</li>
                                <li>Marker Color (error) Two</li>
                            </VvList>

                            <VvList marker-color="success">
                                <li>Marker Color (success) One</li>
                                <li>Marker Color (success) Two</li>
                            </VvList>
                        
                        </template>
                    
                
The Result:
  • Marker Color (undefined) One
  • Marker Color (undefined) Two
  • Marker Color (default) One
  • Marker Color (default) Two
  • Marker Color (primary) One
  • Marker Color (primary) Two
  • Marker Color (error) One
  • Marker Color (error) Two
  • Marker Color (success) One
  • Marker Color (success) Two