palmetto components

ไลบรารีส่วนประกอบ Palmetto

ไลบรารีส่วนประกอบที่ตอบสนองเพื่อเพิ่มพลังทั้งหมด palmetto ui

เริ่มต้นอย่างรวดเร็ว

1. ติดตั้ง

yarn add @palmetto/palmetto-components

2. นำเข้า CSS ทั่วโลก

@ 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

เราขอแนะนำการนำเข้ารีเซ็ตทั่วโลกของเราเพื่อรักษารูปลักษณ์ที่สอดคล้องกันของส่วนประกอบทั้งหมดในแอปพลิเคชัน

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

3. การใช้งาน

 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' ) ) ; 

เอกสาร

ดูเอกสารเต็มที่นี่

การบริจาค

ยินดีต้อนรับปัญหาและ PRS! ดูที่นี่สำหรับคู่มือการบริจาคของเรา

การเพิ่มปัญหา

เมื่อมีปัญหา:

• ตรวจสอบให้แน่ใจว่าปัญหายังไม่ได้รับการยก
• ปัญหาแท็กตามการใช้การตัดสินที่ดีที่สุดของคุณ อย่าสร้างแท็กใหม่ หากคุณรู้สึกว่าจำเป็นต้องมีสิ่งใหม่ให้ยกระดับในปัญหาของคุณ
• หากปัญหาของคุณเป็นข้อผิดพลาดให้รวม ภาพหน้าจอ หรือ GIF แบบเคลื่อนไหวในปัญหาของคุณเมื่อต้องการ (ถ้าปัญหาคือภาพในลักษณะ)
• หากปัญหาของคุณเป็นข้อผิดพลาดให้รวมถึงขั้นตอนในการทำซ้ำหรือเชื่อมโยงไปยังปัญหาที่ทำซ้ำได้เช่น: รหัสแซนด์บ็อกซ์หรือคล้ายกัน โปรดให้รายละเอียดเพิ่มเติมใด ๆ รวมถึงอุปกรณ์ระบบปฏิบัติการเบราว์เซอร์เวอร์ชันเบราว์เซอร์ ฯลฯ

ปัญหาสามารถยกขึ้นที่นี่

ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ข้อกำหนดของใบอนุญาต MIT