Digikit NPM | npm.io

GİRİŞ

DIGIKIT Vue.js tabanlı hızlı ve güçlü web arayüzleri geliştirmek için kullanılan modüler bir kullanıcı arabirimi arayüzüdür.

Özellikleri

VUE Tabanlı
NPM + Webpack + Babel + TypeScript kullanılarak Front-End için geliştirildi.
ES2020 Destekli
CSS Style Bağımsız
API Dostu

Versiyon

DIGIKIT:

KURULUM

NPM

Npm ile kurulum önerilir ve webpack ile sorunsuz çalışır.

npm i digikit

YARN

Yarn ile kurulum başarılı bir şekilde yapılabilinir ve sorunsuz çalışır.

yarn add digikit

HIZLI BAŞLANGIÇ

Başlamadan Önce

DIGIKIT kullanmadan önce Vue ve ES2020 yüklü olduğundan emin olunuz. DIKIGIT , Vue.js 2.x + sürümüne dayanmaktadır, bu nedenle aşağıdaki temel bilgileri bilmenizi öneririz:
Vue Components
Single File Components

Digikit Global Kullanımı

Projenin main.js dosyasına tüm bileşenleri veya gerekli bileşenleri aktarın.

    import Vue from 'vue';
    import App from './App.vue';
    import Digikit from 'digikit';
    import 'digikit/digikit/src/css/digikit.css';       //Import CSS
    import 'digikit/digikit/src/core/style.css';        //Import Icon CSS
        
    Vue.use(Digikit);

    new  Vue({
        el: '#app'
        render: h => h(App)
    });

Bileşenlerin tam listesi ve içe aktarma yolu:

    import Vue from 'vue';
            
    import {
        dpAvatar,
        dpBadge,
        dpBreadcrumb,
        dpButton,
        dpCheckbox,
        .
        .
        .
    } from 'digikit';
        
    Vue.component('dp-avatar',dpAvatar);
    Vue.component('dp-badge',dpBadge);
    Vue.component('dp-breadcrumb',dpBreadcrumb);
    Vue.component('dp-button',dpButton);
    Vue.component('dp-checkbox',dpCheckbox);
        .
        .
        .

            
    Vue.prototype.$Notify = Notification;
    Vue.prototype.$Toast = ToastMessage;

Dökümantasyon

Daha detaylı inceleme için lütfen linke tıklayınız. DIGIKIT DÖKÜMANTASYON

Katkı

Hata ve Sorun bulma, kod desteği veya dokümanlarımızı geliştirme - herhangi bir katkı memnuniyetle karşılanır ve takdir edilir. Başlamak için katkı yönergelerimize gidin. Teşekkürler!