Unduh violet design - Unduh Kode Sumber violet design

violet design

Komponen pihak ketiga

v0.3.4: Merge pull request #185 from zhaoyuuu

Unduh

Perpustakaan komponen UI yang dipersonalisasi berdasarkan kerangka kerja "Bereaksi" terutama digunakan dalam sistem tingkat tengah dan backend tingkat perusahaan.

Daftar isi

Daftar isi
memperkenalkan
- ciri
- kesesuaian
Memasang
- Instal menggunakan NPM
- Instal menggunakan benang
- Pendahuluan Browser
Contoh
- Memuat sesuai permintaan
- Naskah
Komponen
Link
Pengembang

memperkenalkan

Untuk memenuhi persyaratan spesifikasi desain, tim kami mengembangkan "desain violet" - perpustakaan komponen UI berbasis reaksi. Violet Design menyediakan banyak komponen dan fungsi yang memenuhi kebutuhan bisnis yang berbeda sambil menjadi sangat cantik dan terkoordinasi.

ciri

? Bahasa interaktif dan gaya visual yang dirancang secara intuitif.
? Komponen React berkualitas tinggi di luar kotak.
? ️ dikembangkan dengan TypeScript , berikan file definisi jenis lengkap.
☀️ API yang ramah, penggunaan ruang gratis dan fleksibel.
? UI detail dan indah.
? Situs demonstrasi yang jelas dan jelas dan dokumentasi terperinci.

kesesuaian

Tepian	Firefox	Chrome	Safari	Opera
Tepian	Dua versi terakhir	Dua versi terakhir	Dua versi terakhir	Dua versi terakhir

Memasang

Instal menggunakan NPM

Disarankan untuk menggunakan NPM untuk menginstalnya, menikmati kenyamanan yang dibawa oleh ekosistem dan alat, yang dapat dengan mudah didebug di lingkungan pengembangan, atau dapat dikemas dan dikerahkan dalam lingkungan ekologis.

$ npm install violet-design

Instal menggunakan benang

$ yarn add violet-design

Pendahuluan Browser

Gunakan script dan link tag di browser untuk secara langsung mengimpor file dan menggunakan variabel variabel VioletDesign .

Memperkenalkan CSS:

 < link rel =" stylesheet " href =" https://unpkg.com/violet-design/dist/index.css " >

Memperkenalkan JS:

 < script src =" https://unpkg.com/violet-design/dist/index.umd.js " > </ script >

Contoh

1. Perkenalkan gaya

Di index.tsx(.jsx) :

 import 'violet-design/dist/index.css'

2. Gunakan komponen

 import React from 'react' ;
import { Button } from 'violet-design' ;

const App = ( ) => (
  < >
    < Button btnType = "primary" size = "lg" > PRESS ME </ Button >
  </ >
) ;

Memuat sesuai permintaan

violet-design mendukung pengocok pohon berdasarkan modul ES secara default.

Naskah

violet-design ditulis menggunakan TypeScript dan menyediakan file definisi lengkap.

Komponen

? Komponen Paket Umum: Tombol Tombol, Ikon Ikon
Komponen Navigasi: Menu Navigasi Menu
? Data entry components: AutoComplete autocomplete, Cascaded selection, CheckBox multi-check box, DatePicker date selector, RangeDatePicker date range selector, Form form, Input input box, InputNumber digital input box, RadioGroup radio button group, Select selector, Switch switch, Upload upload
? Komponen Tampilan Data: Kalender Kalender, Halaman Tab
? Komponen Umpan Balik: Bilah Kemajuan Kemajuan
? Komponen tata letak: Grid
? Komponen Lainnya: Affix Pushpin, Transisi