palmetto components

パルメットコンポーネントライブラリ

すべてのパルメット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' ) ) ; 

ドキュメント

こちらの完全なドキュメントを参照してください

貢献

問題とPRは大歓迎です！私たちの寄付ガイドについては、こちらをご覧ください。

問題を提起します

問題を提起するとき：

• 問題がまだ提起されていないことを確認してください。
• それに応じて、あなたの最善の判断を使用してタグの問題。新しいタグを作成しないでください。新しいものが必要だと感じた場合は、問題でそれを上げてください。
• 問題がバグの場合は、必要なときにいつでも問題にスクリーンショットまたはアニメーションGIFを含めます（問題が本質的に視覚的である場合）。
• 問題がバグの場合は、再現する手順を含めるか、再現可能な問題にリンクします。例：コードサンドボックスなど。また、デバイス、OS、ブラウザ、ブラウザバージョンなどを含む追加の詳細も提供してください。

ここで問題を提起できます。

ライセンス

このプロジェクトは、MITライセンスの条件に基づいてライセンスされています。