palmetto components

Perpustakaan Komponen Palmetto

Perpustakaan Komponen Bereaksi Untuk Menghidupkan Semua Palmetto UI

Awal yang cepat

1. Instal

yarn add @palmetto/palmetto-components

2. Impor CSS global

@ import '@palmetto/palmetto-components/dist/css/utilities.css' ; // Utility classes -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/variables.css' ; // CSS Variables -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/index.css' ; // Component CSS -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/fonts.css' ; // Included Font files -- OPTIONAL BUT ENCOURAGED

Kami merekomendasikan mengimpor reset global kami untuk mempertahankan tampilan yang konsisten dari semua komponen di seluruh aplikasi.

@ import '@palmetto/palmetto-components/dist/css/reset.css' // A Basic CSS Reset -- OPTIONAL BUT ENCOURAGED.

3. Penggunaan

 import React from 'react' ;
import ReactDOM from 'react-dom' ;
import { Button } from '@palmetto/palmetto-components' ;

function App ( ) {
  return < Button > Hello World </ Button > ;
}

ReactDOM . render ( < App /> , document . querySelector ( '#app' ) ) ; 

Dokumentasi

Lihat dokumen lengkap di sini

Berkontribusi

Masalah dan PR yang diterima! Lihat di sini untuk Panduan Kontribusi kami.

Mengangkat masalah

Saat mengangkat masalah:

• Pastikan masalahnya belum diangkat.
• Tag masalah sesuai menggunakan penilaian terbaik Anda. Jangan membuat tag baru. Jika Anda merasa yang baru diperlukan, angkatlah dalam masalah Anda.
• Jika masalah Anda adalah bug, sertakan tangkapan layar atau GIF animasi dalam masalah Anda kapan pun diperlukan (jika masalah adalah visual di alam).
• Jika masalah Anda adalah bug, sertakan langkah -langkah untuk direproduksi, atau tautan ke masalah yang dapat direproduksi, misalnya: kode pasir atau serupa. Harap juga berikan detail tambahan termasuk perangkat, OS, browser, versi browser dll.

Masalah dapat diangkat di sini.

Lisensi

Proyek ini dilisensikan berdasarkan ketentuan lisensi MIT.