kubit react componentsダウンロード-Kubit kubit react componentsソースコードダウンロード

kubit react components

サードパーティ製コンポーネント

v1.17.0

ダウンロード

はじめる

インストール

パッケージをインストールするには、次のコマンドを実行します。

npm

npm install @kubit-ui-web/react-components

糸

yarn add @kubit-ui-web/react-components

これにより、パッケージとその依存関係がインストールされます。これで、コンポーネントをインポートして、アプリケーションで使用できます。

使用法

コンポーネントを使用するには、パッケージからインポートし、アプリケーションで使用します。

 import { Button , KubitProvider } from '@kubit-ui-web/react-components' ;
import React from 'react' ;

const App = ( ) => {
  return (
    < KubitProvider >
      < Button variant = "PRIMARY" size = "MEDIUM" >
        Click me
      </ Button >
    </ KubitProvider >
  ) ;
} ;

export default App ;

これにより、デフォルトのスタイルと機能を備えたボタンが表示されます。

注： KubitProviderは、コンポーネントを使用する必要があります。コンポーネントにテーマとその他のコンテキストを提供します。

カスタマイズテーマのテーマやその他のオプションの変更に関する詳細情報をファウドできます

ドキュメント

Kubit UI WebサイトでWebコンポーネントのドキュメントを見つけることができます

ストーリーブック

ストーリーブックを実行するには、まずリポジトリをクローンし、依存関係をインストールします。次に、次のコマンドを実行します。

npm run storybook

yarn storybook

これにより、Storybook Serverが起動し、コンポーネントが実行されていることがわかります。

テスト

テストを実行するには、次のコマンドを使用できます。

npm run test

yarn test

これにより、テストが実行され、端末に結果が表示されます。

貢献

私たちは貢献を受け入れています。プロジェクトに貢献したい場合は、以下の手順に従ってください。

リポジトリのフォーク：GitHubのリポジトリのページの右上隅にある「フォーク」ボタンをクリックします。これにより、アカウントにリポジトリのコピーが作成されます。
リポジトリのクローン： git cloneを使用して、リポジトリをローカルマシンにクローンします。
```
git clone
```
ブランチの作成： git checkoutを使用して、変更用の新しいブランチを作成します。
```
git checkout -b < branch-name >
```
変更を加える：コードベースに必要な変更を加えます。変更をテストします。
変更の変更： git commitを使用して、ブランチに変更をコミットします。
```
git commit -m " Your commit message "
```
プッシュ変更： git pushを使用して、変更をフォークリポジトリに押し込みます。
```
git push origin < branch-name >
```
プルリクエストを開きます：GitHubの元のリポジトリに移動し、[新しいプルリクエスト]ボタンをクリックします。変更の詳細をフォームに記入し、プルリクエストを送信します。