Reactで組織図を作成

OrgChart UI コンポーネントを新規搭載した KendoReact v6 R3 2023 では、ツリー形式の組織構造を簡単に設計可能

Reactで組織図を作成

Telerik の KendoReact は、React 開発者向けの 120 以上のレスポンシブでカスタマイズ可能なネイティブ UI および DataViz コンポーネントを備えたプロフェッショナルな UI キットです。パワフルで高性能な React アプリを構築するための時間を節約できるよう設計されており、アプリの UI 全体にわたってモダンで一貫した見た目と使い心地を実現するのに役立ちます。

R3 2023 リリースの一部である KendoReact v6 では、新しい OrgChart コンポーネントが追加されました。これは、ユーザーが項目を編集し、親を変更し、ユーザーフレンドリーな組織構造の中でノードをグループ化できる、ツリーのような表示を提供します。子項目を必要に応じて読み込むためのレイジーローディングに対応しており、ローカルおよびリモートのデータバインディングをサポートします。さらに、ブランチの展開/折りたたみ、ノードの幅、高さ、タイトル高さ、グループタイトル、間隔、そしてノードの全般的な外観をカスタマイズできるようになっています。OrgChart にはテンプレートも含まれており、個々の項目のメタデータをカスタマイズできます。加えて、キーボードナビゲーションにも対応しています。

R3 2023(v6.0.0)での変更点の一覧を確認するには、リリースノートをご覧ください。

KendoReact は、以下の製品で購入できます: