pinnedParticipants と participants の 2 つの参加者リストを描画するグリッドコンポーネントです。
レイアウトは column 表示にカスタマイズできます。デフォルトは row です。
pinnedParticipants[]の参加者は、より大きなグリッド内に描画されます。participants[]の参加者は、より小さなグリッドに描画されます。
| プロパティ | 型 | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
aspectRatio |
string |
✅ | - | 参加者タイルのアスペクト比。形式は width:height です |
config |
UIConfig |
❌ | createDefaultConfig() |
設定オブジェクト |
gap |
number |
✅ | - | 参加者タイル同士の間隔 |
gridSize |
GridSize1 |
✅ | - | グリッドサイズ |
iconPack |
IconPack |
❌ | defaultIconPack |
アイコンパック |
layout |
GridLayout1 |
✅ | - | グリッドレイアウト |
meeting |
Meeting |
✅ | - | Meeting オブジェクト |
participants |
Peer[] |
✅ | - | 参加者 |
pinnedParticipants |
Peer[] |
✅ | - | ピン留めした参加者 |
size |
Size |
✅ | - | サイズ |
states |
States |
✅ | - | States オブジェクト |
t |
RtkI18n |
❌ | useLanguage() |
言語 |
<!-- component.html -->
<rtk-spotlight-grid></rtk-spotlight-grid><!-- component.html -->
<rtk-spotlight-grid
aspectRatio="example"
gap="42"
gridSize="md">
</rtk-spotlight-grid>