新しいコンポーネント。今回は退屈なものです。私たちが何度も再構築するもの。コンポーネントに作られています。 ボタングループ、フィールド、入力グループ、空の状態、アイテム。 それらは美しく構成され、私たちが毎日手を伸ばす一般的なパターンを処理します。 見てみましょう ⬇️

ボタングループから始めましょう。ご要望が大歓迎です。 アクショングループ、分割ボタンなどに最適です。水平方向、垂直方向に動作し、ネストすることもできます。

入力グループでは、アイコン、ボタン、テキストなど、入力の周囲に常に必要なすべての小さな部分を追加できます。 インラインおよびブロックの配置をサポートします。入力とテキスト領域で動作します。

非常に複雑なフォームを構築するためのコンポーネントである Field を紹介します。 正しく理解するのに長い時間がかかりましたが、すべてのフォームライブラリで動作させることができました:サーバーアクション、Reactフックフォーム、TanStackフォーム... また、スタイルのチェックボックスやラジオを非常に簡単に構築できます。

空の状態。タイトル、説明、ボタン。アバターや入力グループで使用できます。

品目と品目グループ。これは、ほぼすべての種類のコンテンツを収容できるフレックスコンテナです。 シンプルですが、私はこれを何度も構築したので、そのためのコンポーネントを作成することにしました。 それらをグループ化し、リンクに変換し、ヘッダーとフッターを追加できます。

それです。GitHubのリンクはこちらです。サイトの変更ログで例 (たくさんあります) とドキュメントを確認してください。

ほとんどのコンポーネントは、任意のコンポーネントライブラリで動作するように構築されています。1行か2行を簡単に編集して、@base_uiまたはReact Ariaで動作させることができます。