plantilla-share

    1.1.5 • Public • Published

    plantilla-share

    En construccion

    Plantilla administrativa

    Instalacion

    Para instalarla ejecutar

    npm install plantilla-share

    Importarla:

    import Sidebar from 'plantilla-share/src/lib-components/Sidebar'
    import Navbar from 'plantilla-share/src/lib-components/Navbar'
    import CardPrimary from 'plantilla-share/src/lib-components/CardPrimary'
    import CardSecondary from 'plantilla-share/src/lib-components/CardSecondary'
    import Dashboard from 'plantilla-share/src/lib-components/Dashboard'

    Uso

    Sidebar

    props posibles: TITLE: es el titulo del sidebar

    ARMADO DE MENUS: recibe un objeto de arrays asociativos donde va armando los elementos del sidebar ejemplo: En el data del componente vue, podriamos armarlo

            data(){
                return{
                    menus:[
                    {
                        path:"inicio",
                        iconoClass:"fa fa-home",
                        nameLink:"Cliente"
                    },
                    {
                        path:"inicio2",
                        iconoClass:"fa fa-home",
                        nameLink:"Cliente"
                    }
                ]
                }
            },
    
        tambien es posible añadirle botones al menú, mediante la etiqueta slot con el name "newRoutes".
        Ejemplo:
        <Sidebar title="Su Menú" :menu="menus" />
            <template slot="newRoutes">
                <li class="nav-item">
                    <a class="nav-link" @click="logout">  
                        <i class="fa fa-home"></i>                   
                        <span>Logout</span>
                    </a>
                </li>
                <li class="nav-item">
                    <span class="nav-link collapsible"><i class="fa fa-home"></i> Example expand </span>
                    <div class="expanded hidden ml-2">
                        <li class="nav-item">
                            <a href="#" class="nav-link text-dark a">
                                <i class="fa fa-home"></i> Example 1
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="nav-link text-dark a">
                                <i class="fa fa-home"></i> Example 2
                            </a>
                        </li>
                    </div>                         
                </li>
            </template>
        </Sidebar>

    Navbar

    <Navbar />

    Cards

    Props:{
        title: String
        addBtn: {
            route: "Home"
            type: "path"
        }
    } 
    
    <CardPrimary>
        <template slot="container">
        </template>
    </CardPrimary>
    
    
    props:{
            title: String,
            classCuerpo: String,
            classCard: String
        }
    <CardSecondary>
        <template slot="cuerpo">
        </template>
    </CardSecondary>

    Dash

        <Dash :title1="{name:'Clients'}" title2="34" :span="%5" />
    

    Keywords

    none

    Install

    npm i plantilla-share

    DownloadsWeekly Downloads

    2

    Version

    1.1.5

    License

    ISC

    Unpacked Size

    3.41 MB

    Total Files

    57

    Last publish

    Collaborators

    • avatar