UI Library

UIライブラリのプロジェクトです。 infodb-cliを利用している場合には、以下の方法でUIライブラリが用意しているコンポーネントを利用できます。

import DataTable from 'github://tamuto/uilib/components/datarow/DataTable.js'

const MyApp = () => <DataTable />

コンポーネント一覧

| カテゴリ | コンポーネント名 | 説明 | | -------- | ---------------------------------------- | ------------------------------ | | backdrop | Spinner | | | datarow | DataTable | | | | DataHeader | | | | DataRow | | | | DataCell | | | form | FormBar | | | | FormField | 入力フィールド用コンポーネント | | | Spacer | | | heads | RoundHead | | | | UBGradHead | | | misc | ScrollTop | | | unsplash | Unsplash | |

内部ルール

コンポーネントクラス名

• 各コンポーネントのクラス名は、In4のプリフィックスを持つ。
  • In4FormFieldなど。
• MaterialUIのThemeProviderを使ってテーマ設定をすることも可能。

カスタマイズ

• レスポンシブ向けブレークポイントの設定

components: {
    In4UILibs: {
        breakpoint: '@media screen and (max-width: 768px)'
    }
}