techne

Pemberitahuan penting

Repositori publik ini hanya baca dan tidak lagi dipertahankan.

Teche dalam mode pemeliharaan

Harap dicatat bahwa Pustaka Komponen Techne tidak lagi dikembangkan secara aktif. Proyek akan tetap aktif untuk saat ini. Untuk evolusi teche berikutnya, silakan periksa UI Fundamental

Hybris Techne adalah pedoman desain dan perpustakaan komponen untuk desain pengalaman modern, mobile-first, yang berpusat pada pengguna pada Yaas.

Komponen

Lihat halaman ini untuk daftar komponen UI yang termasuk dalam hybris techne. https://techne.yaas.io/components/alerts-errors-notifications.html

Instalasi

Instal menggunakan bower

Anda dapat menginstal techne menggunakan bower dengan dengan perintah berikut di terminal atau prompt perintah: bower install hyTechne

Instal menggunakan NPM

Techne juga dapat dihindarkan sebagai paket NPM. Anda dapat menginstal dengan perintah berikut di Terminal atau Perintah Prompt: npm install techne

Memulai

Empat langkah cepat untuk memulai:

• Kloning repo.
• Instal Node Dependencies NPM: npm install .
• Instal Bower Dependencies Bower: bower install
• Inisialisasi KSS: gulp patchgulpkss
• Jalankan NPM: npm start atau Jalankan Gulp: gulp
• Jika Anda memiliki pengaturan folder yang berbeda dari bower default, Anda harus memodifikasi config.json agar sesuai dengan kebutuhan Anda.

Apa strukturnya?

Di dalam repo Anda akan menemukan direktori dan file berikut:

 ├── src/
│   ├── less
│   ├── icons
│   ├── js
│   └── templates
├── dist/
│   ├── css
│   ├── js
│   ├── fonts
├── docs

Jadi Anda ingin membangun lebih sedikit sendiri?

Tidak ada yang lebih mudah dari itu! Cukup sertakan file gaya kami @import "bower_components/hyTechne/src/less/styles"; .

Penting: Tidak ada nilai default untuk set @bower-path. Diperlukan Anda mendefinisikan variabel ini di stylesheet Anda sendiri dan menunjuk ke folder Bower_Components Anda. (Tidak ada tebasan trailing).

@bower-path: '../../bower_components';

Alasan: Agar dapat menimpa variabel dalam jalur impor, variabel belum dapat didefinisikan. Kalau tidak, semakin sedikit kompiler memilih definisi pertama dan hanya itu.

Juga ingat untuk memperbaiki jalur untuk font dengan menimpa variabel jalur secara kurang termasuk setelah gaya. Tanpa termasuk seperti:

@import "_resource-paths";

dan menambahkan file seperti:

 // Use this file to point to the right folders
// for correct paths for icon-fonts etc
// icon names much follow a UTF hex naming format

@bootstrap-path: '../../bower_components/bootstrap'; // Path to bootstrap folder
@hytech-path: '../../bower_components/hyTechne'; // Path to hytech folder

CATATAN: Untuk membangun lebih sedikit versi minimum yang dibutuhkan lebih sedikit adalah 2.3.0.