welcome to nuxt glorious

Tab

A set of tab panels that are displayed one at a time.

Example

Simple example for Gtable

            
<script lang="ts">
const header = {
    title: 'title',
    description: 'description',
}
const body = [
    {
        title: 'title 1',
        description: 'description 1',
    },
    {
        title: 'title 2',
        description: 'description 2',
    },
]
</script>
<template>
    <GTable
        :header="header"
        :body="body"
    />
</template>

config

config for global setting , set on nuxt.config

            
glorious:{
    components:{
        table:{
            props:{
                color:'green',
                loading:false,
                loadingColor:'green',
                emptyText:'no record found !',
            }
        }
    }
}

props

Prop	Type	Default
color	orange \| green \| blue \| gray \| red \| primary	green
loading	boolean	false
loadingColor	orange \| green \| blue \| gray \| red \| primary	green
header	object
body	Array<object>
emptyText	string	no record found !