← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-fullscreen-toggle
A button which toggles full screen mode for any
existing rtk-meeting component in the DOM.
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
iconPack |
IconPack |
❌ | defaultIconPack |
Icon pack |
size |
Size |
✅ | - | Size |
states |
States |
✅ | - | States object |
t |
RtkI18n |
❌ | useLanguage() |
Language |
targetElement |
HTMLElement |
✅ | - | Target Element to fullscreen |
variant |
ControlBarVariant |
✅ | - | Variant |
Usage Examples
Basic Usage
<rtk-fullscreen-toggle></rtk-fullscreen-toggle>With Properties
<rtk-fullscreen-toggle
size="md"
variant"button">
</rtk-fullscreen-toggle><script>
const el = document.querySelector("rtk-fullscreen-toggle");
</script>