2024：Blazor UI コンポネント・ライブラの機能比較

## 背景
今の仕事で Blazor UI コンポーネント・ライブラリを調査する必要があったので、グーグル検索の結果から得た最初の9つを選択し、機能比較を行いました。そのうち 4 つは有料で、残りの 5 つは無料で商用利用が可能です。

プロキシの背後にあるためからかな、けどbitPlatform の [bit BlazorUI](https://components.bitplatform.dev/) のドキュメントにエラー メッセージが表示されるにかかわらず、
[github リポジトリ](https://github.com/bitfoundation/bitplatform)は定期的に更新されているようなので、インストールせずにできる限り調べてみました。

この調査は決して網羅的または詳細ではなく、機能の名前がライブラリ間で大きく異なる場合があるため、主にいくつかのエラーが忍び込んだ可能性があります。

## 最終の選択
最終的に、ライブラリにお金を出したくなくて、グラフまたはデータ視覚化コンポーネントも必要なかったので、Microsoft の支援を受けている FluentUI を使用することにしました。

## 試用期間の結果
**FluentUI** と **MudBlazor** でいくつかの問題に遭遇した後、最終的には内部ツールの作成のため、 **Radzen** を選択しました。
次はその 3 つのフレームワークの問題の話します。
### FluentUI

* データテーブルはクリック イベントを処理しません。 
* カラースタイルは制限されているため、あまり良くありません。
### MudBlazor

* **.NET 8.0** でそれほどバグがなければ非常に優れています (モーダル ダイアログの作成時にオプションを追加するとクラッシュが発生します)
* 主要なドキュメントは非常に単純ですが、より詳細なドキュメントは別の API ドキュメントで入手できます
### Radzen

* インストール可能なテンプレートはない
* 非常に単純なドキュメント (実際にはサンプルの抜粋のみ) にソース コードへのリンクが追加されています。 （初心者は注意してください） 
* それを除けば、今のところかなり良いです...

## 機能比較

<table>
  <thead style="position: sticky; top: 0; z-index: 1;">
    <tr>
      <th></th>
      <th>b<br>i<br>t</th>
      <th>B<br>l<br>a<br>z<br>o<br>r<br>i<br>z<br>e</th>
      <th>D<br>e<br>v<br>E<br>x<br>p<br>r<br>e<br>s<br>s</th>
      <th>F<br>a<br>s<br>t</th>
      <th>F<br>l<br>u<br>e<br>n<br>t<br>U<br>I</th>
      <th>M<br>u<br>d<br>B<br>l<br>a<br>z<br>o<br>r</th>
      <th>R<br>a<br>d<br>z<br>e<br>n</th>
      <th>S<br>y<br>n<br>c<br>f<br>u<br>s<br>i<br>o<br>n</th>
      <th>T<br>e<br>l<br>e<br>r<br>i<br>k</th>
    </tr>
  </thead>
  <tr>
    <th>有料<br>無料</th><td>無料</td><td>有料</td><td>有料</td><td>無料</td><td>無料</td><td>無料</td><td>無料</td><td>有料</td><td>有料</td>
  </tr>
  <tr>
    <th>ライセンス料</th><td>―</td><td>$<br>599<br>/<br>year<br>～</td><td>$<br>1000 <br>/<br>year<br>～</td><td>―</td><td>―</td><td>―</td><td>―</td><td>$<br>4740 <br>/<br>year<br>～</td><td>$<br>1099 <br>/<br>year<br>～</td>
  </tr>
  <tr>
    <th>ライセンス数</th><td>―</td><td>1</td><td>1</td><td>―</td><td>―</td><td>―</td><td>―</td><td>5</td><td>1</td>
  </tr>
  <tr>
    <th>コンポネント数</th><td>?</td><td>80+</td><td>40+</td><td>38+</td><td>67+</td><td>66+</td><td>70+</td><td>85+</td><td>110+</td>
  </tr>
   <tr>
    <th colspan="10">🌸　チャートと地図（Charts & Maps）</th>
  </tr>
  <tr>
    <th>Area</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Area　Range</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Area Stacked</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Bar</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Bar Range</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Bar　Stacked</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Box Plot</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Bubble</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Bullet</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Candle Stick</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Column</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Column Range</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Column Stacked</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Doughnut</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Error Bar</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Funnel</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Gantt</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Heat Map</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Histogram</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Line</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Map</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>OHLC</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Pie</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Polar<br>Radar</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Polar Area</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Pyramid</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Scatter Plot</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Spline</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Spline Area</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  </tr>
  <tr>
    <th>Step</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Step Area</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
  <tr>
    <th>Step Range</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Tree Map</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Waterfall</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th colspan="10">🌸　コンポネント（Components）</th>
  </tr>
  <tr>
    <th>Anchor</th><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Anchored Region</th><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Animation</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Avatar</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Badge</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Badge (Counter)</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Badge (Presence)</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Carousel</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Disclosure</th><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Divider<br>Separator</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Drap & Drop<br>DropZone</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>△</td><td>△</td>
  </tr>
  <tr>
    <th>Emojis</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Icon</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Image</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Label</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Loading Indicator</th><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Overflow</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Overlay</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Persona</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Progress (Bar)</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Progress (Page)</th><td>?</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Progress (Ring)</th><td>?</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Shimmer<br>Skeleton</th><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Swipe Area<br>Swipper</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Toolbar</th><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Tooltip</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Typography</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Video</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Wait Indicator (Bar)</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Wait Indicator (Spinner)</th><td>〇</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
   <tr>
    <th colspan="10">🌸　データの視覚化（Data Visualization）</th>
  </tr>
  <tr>
    <th>Bar Code</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Data　Grid</th><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Data　List</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Gauge (Arc)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Gauge (Circular)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Gauge (Linear)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Gauge (Radial)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Kanban</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>List View</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Pivot Grid / Table</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>QR Code</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Table</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Timeline</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Tree Grid / List</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Tree View</th><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th colspan="10">🌸　ダイアログ、パネル、ポップオーバー（Dialogs, Panels & Popovers）</th>
  </tr>
  <tr>
    <th>Dialog<br>Modal<br>Window</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Dropdown<br>Popover</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Message Box</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Popup</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td></td><td>✕</td>
  </tr>
  <tr>
    <th>Splash Screen</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th colspan="10">🌸　エディターとビューアー（Editors & Viewers）</th>
  </tr>
  <tr>
    <th>Diagram Editor</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>HTML Editor</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Image Cropper</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Image Editor</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>In Place Editor</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Markdown Editor</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>PDF Viewer</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Rich Text Editor</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>WordProcessor</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th colspan="10">🌸　フォームと入力フィールド（Forms & Inputs）</th>
  </tr>
  <tr>
    <th>Auto Complete</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Button (Speech To Text)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Button (Split)</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Button (Toggle)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Button (Toggle) Group</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Calendar</th><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Canvas<br>Signature</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Checkbox</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Checkbox List</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Chip<br>Tag</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Chiplist<br>Taglist</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Color Gradient</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Color Input</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Color Palette</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Color Picker</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Combo Box</th><td>?</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Date Edit<br>Date Input</th><td>?</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Date Picker</th><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Date Range Picker</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Date Time Picker</th><td>?</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Dropdown<br>Select</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>File DropZone</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>File Input</th><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td></td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>File Manager</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>File Upload</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td></td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Highlighter</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Input<br>Field</th><td>?</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>List Box<br>Select List</th><td>?</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>List Box (Dual)<br>Transfert list</th><td>?</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Masked Input</th><td>?</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Number Field</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Number Picker<br>Spinner</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Option</th><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>QueryBuilder</th><td></td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Radio Button</th><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Radio Group</th><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Rating</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Scheduler</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Search</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Slider</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Slider (Range)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Switch<br>Toggle</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Textarea<br>Memo</th><td>?</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Textbox<br>Textfield</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Time Input</th><td>?</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Time Picker</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Toolbar</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th colspan="10">🌸　レイアウト（Layout）</th>
  </tr>
  <tr>
    <th>App Bar<br>Header</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Body Content</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Breakpoint</th><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Card</th><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Collapsible Panel</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Container</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Footer</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Grid</th><td>?</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Grid Column</th><td>?</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Grid Row</th><td>?</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Grid Layout</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Hero<br>Jumbotron</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>  <tr>
    <th>Layout</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Main Layout</th><td>?</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Media Query</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Paper</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Spacer<br>Spacing</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Stack Layout</th><td>〇</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Tile Layout</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>△</td><td>〇</td>
  </tr>
  <tr>
    <th colspan="10">🌸　ナビゲーション（Navigation）</th>
  </tr>
  <tr>
    <th>Accordion<br>Panel Bar</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Bread Crumbs</th><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Button</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Button (Action)<br>FAB</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>  <tr>
    <th>Button Group</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Button (Scroll To Top)</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Drawer<br>Side Panel / Bar</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Flipper</th><td>?</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Horizontal Scroll</th><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Link</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Menu (Bar)</th><td>?</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Menu (Dropdown Button)</th><td>?</td><td>✕</td><td>△</td><td>✕</td><td>〇</td><td>〇</td><td>△</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Menu (Context)</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Menu (Nav Tree)</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Menu (Panel)</th><td>?</td><td>✕</td><td>△</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td></td><td>〇</td>
  </tr>
  <tr>
    <th>Menu (Profile)</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Nav Menu</th><td>?</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Pager<br>Pagination</th><td>〇</td><td>〇</td><td>〇</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Side Bar</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Splitter</th><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Stepper<br>Wizard</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Tabs</th><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th colspan="10">🌸　通知（Notifications）</th>
  </tr>
  <tr>
    <th>Alert<br>Message</th><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td><td>〇</td><td>〇</td>
  </tr>
  <tr>
    <th>Message Bar</th><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Notification<br>Snack Bar<br>Toast</th><td>〇</td><td>〇</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>〇</td><td>〇</td><td>✕</td>
  </tr>
   <tr>
    <th colspan="10">🌸　報告（Reporting）</th>
  </tr>
  <tr>
    <th>Merge (Mail)</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>✕</td>
  </tr>
  <tr>
    <th>Merge (PDF)</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td>
  </tr>
  <tr>
    <th>Merge (Report)</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td>
  </tr>
  <tr>
    <th>Report</th><td>✕</td><td>✕</td><td>〇</td><td>✕</td><td>✕</td><td>✕</td><td>✕</td><td>〇</td><td>〇</td>
  </tr>
</table>

## 参考
- [bit BlazorUI](https://components.bitplatform.dev/) ※ ページレンダリングエラー
- [Blazorize](https://blazorise.com/)
- [DevExpress Blazor UI Components](https://www.devexpress.com/blazor/)
- [Fast](https://www.fast.design/docs/integrations/blazor/)
- [Microsoft FluentUI](https://www.fluentui-blazor.net/)
- [MudBlazor Blazor Component Library](https://www.mudblazor.com/)
- [Radzen  Blazor Components](https://blazor.radzen.com/)
- [Syncfusion  Blazor Components](https://www.syncfusion.com/blazor-components)
- [Telerik Blazor UI Components](https://www.telerik.com/blazor-ui)