0.5.4 • Published 2 years ago
@infodb/uilib v0.5.4
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)'
}
}