skiff ui

Skiff UI - 設計システム

Skiff UIは、Skiffで使用される再利用可能なインターフェイス要素のコレクションに基づいたオープンソースReactコンポーネントライブラリです。 Webアプリ向けの幅広いカスタマイズ可能なコンポーネントを提供し、美しくユーザーフレンドリーなインターフェイスを作成できるようになります。

ドキュメント

スキフUIドキュメント

インストール

プロジェクト内で、以下のコマンドのいずれかを実行して、スキフUIを追加します。

  # Install Skiff UI with npm
  npm install @skiff-org/skiff-ui --save

  # Install Skiff UI with yarn
  yarn add @skiff-org/skiff-ui

アプリ内でSkiff UIを使用します

以下に示すように、スキフコンポーネントをプロジェクトに簡単に統合します。

  import { Button , Type } from '@skiff-org/skiff-ui' ;
  < Button onClick = { onClick } type = { Type . SECONDARY } >
    Click me
  < / Button>

Themeprovider

Skiff UIコンポーネントを正しく表示するには、アプリのルートにThemeproviderを追加します。

  import * as React from 'react' ;
  import { ThemeProvider } from '@skiff-org/skiff-ui' ;

  function App ( { Component } ) {
    return (
      < ThemeProvider >
        < Component / >
      < / ThemeProvider >
    ) ;
  } 

フィードバック

フィードバックがある場合は、[email protected]でご連絡ください

貢献

貢献はいつでも大歓迎です！開始する方法については、Convinting.mdを参照してください。

このプロジェクトのcode_of_conduct.mdを遵守してください。

関連している

オープンソースのリポジトリとライブラリ

スキフメール

Skiff Windowsアプリ

AEADライブラリ

プロセミラーテーブル

ライセンス

mit