Skip to content

どう作っていくのかについて

Hideki Akiba edited this page Jul 1, 2021 · 2 revisions

確認の意味で、Issueってほどでもないのでメモしておく。

何をしたいのか

プロジェクトごとに必要な色などのテーマが自由に決められ、、そのテーマをに準じたUIフレームワークが使えるようになる。 Tailwind CSSのUIコンポーネント集として、TailwindCSSのデフォルトでは提供されていない機能を提供できるものを目指す。

そのためには何が必要なのか?

  1. Tailwind CSS(あたりまえだが...)
  2. Tailwind Formsのカスタマイズ
  • 一般的な角丸スタイルでFigmaと整合させる
  • 公式から出ているformsにないもの(例えばfile upload)などは下記JS必須のコンポーネントで追加作成する
  1. CSSのみで動作可能なコンポーネント
  • button
  • card
  • spinner
  • icon-button
  • tag
  1. JS必須のコンポーネント
  • modal
  • accordion
  • file-upload, dragdrop-upload
  • tab ** 上記はまだ他にもありそう **

さらにこれら4.に関しては、

  • React
  • Vue
  • Svelte
  • Web Components などに応じてつくる必要があり、最初はReact版として進めることにする

望ましいこと

npmで提供できるとすれば 2.〜4.まではひとつのパッケージで提供したほうがいいような気がするが、意見を聞きたい。

npm i tuqulore-ui-react