Skip to content

rtk-simple-grid

Last updated View as MarkdownAgent setup

A grid component which renders only the participants in a simple grid.

Properties

Property Type Required Default Description
aspectRatio string ✅ - Aspect Ratio of participant tile Format: width:height
config UIConfig ❌ createDefaultConfig() UI Config
gap number ✅ - Gap between participant tiles
iconPack IconPack ❌ defaultIconPack Icon Pack
meeting Meeting ✅ - Meeting object
participants Peer[] ✅ - Participants
size Size ✅ - Size
states States ✅ - States object
t RtkI18n ❌ useLanguage() Language

Usage Examples

Basic Usage

<rtk-simple-grid></rtk-simple-grid>

With Properties

<rtk-simple-grid
 aspectRatio="example">
</rtk-simple-grid>
<script>
  const el = document.querySelector("rtk-simple-grid");

  el.gap= 42;
  el.meeting= meeting
</script>

Was this helpful?