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
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
veES2020
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:
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!