# コンポーネント

このセクションでは、Blocklet UI React ライブラリで利用可能なすべてのUIコンポーネントに関する包括的なリファレンスを提供します。各コンポーネントには、アプリケーションへのスムーズな統合を保証するために、そのプロパティ（props）、実践的な使用例、およびベストプラクティスが記載されています。

コンポーネントは、ナビゲーションと検索を容易にするために、論理的なカテゴリに分類されています。以下のカテゴリを選択して、その中のコンポーネントをご覧ください。

<x-cards data-columns="3">
  <x-card data-title="レイアウト" data-icon="lucide:layout-template" data-href="/components/layout">
    Header、Footer、Dashboard のような、blocklet アプリケーションの主要な構造を形成するプライマリコンポーネント。
  </x-card>
  <x-card data-title="ユーザー管理" data-icon="lucide:users" data-href="/components/user-management">
    ユーザープロファイル、セッション管理、組織の切り替えを処理するための一連のコンポーネント。
  </x-card>
  <x-card data-title="コンポーネント管理" data-icon="lucide:package" data-href="/components/component-management">
    アプリケーション内で blocklet コンポーネントを動的にインストール、公開、管理するためのツール。
  </x-card>
  <x-card data-title="通知" data-icon="lucide:bell" data-href="/components/notifications">
    リアルタイムのユーザー通知システムを実装するためのコンポーネントとユーティリティを提供します。
  </x-card>
  <x-card data-title="ユーティリティ" data-icon="lucide:wrench" data-href="/components/utilities">
    多用途なアイコンコンポーネントやテーマプロバイダーなど、ヘルパーコンポーネントとユーティリティのコレクション。
  </x-card>
</x-cards>

---

アプリケーションの構造の構築を開始するには、[レイアウトコンポーネント](./components-layout.md) セクションに進んでください。