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

文件

在這裡查看完整文檔

貢獻

問題和公關歡迎！請參閱此處以獲取我們的貢獻指南。

提出一個問題

提出問題時：

• 確保問題尚未提出。
• 標籤問題相應地使用您的最佳判斷。不要創建新標籤。如果您覺得需要一個新的，請在您的問題中提出。
• 如果您的問題是錯誤，請在需要時在您的問題中包含屏幕截圖或動畫gif（如果問題本質上是視覺上的）。
• 如果您的問題是一個錯誤，請包括複製的步驟，或鏈接到可再現的問題，例如：代碼沙盒或類似問題。還請提供任何其他詳細信息，包括設備，OS，瀏覽器，瀏覽器版本等。

可以在這裡提出問題。

執照

該項目是根據MIT許可證的條款獲得許可的。