Skip to main content

rtk-switch

A switch component which follows RealtimeKit's Design System.

<rtk-switch id="rtk-el"></rtk-switch>

<script>
const el = document.getElementById('rtk-el');
el.addEventListener('rtkChange', (e) => {
alert('New switch value:', e.detail);
});
</script>

Props

checked

Whether the switch is enabled/checked

Default
false
Type
boolean

disabled

Whether switch is readonly

Default
false
Type
boolean

iconPack

Icon pack

Default
defaultIconPack

readonly

Whether switch is readonly

Default
false
Type
boolean

t

Language

Default
useLanguage()