Skip to content
Cloudflare Docs

rtk-settings-toggle

A button which toggles visibility of settings module. When clicked it emits a rtkStateUpdate event with the data:

TypeScript
{ activeSettings: boolean; }

Properties

PropertyTypeRequiredDefaultDescription
iconPackIconPackdefaultIconPackIcon pack
sizeSize-Size
statesStates-States object
tRtkI18nuseLanguage()Language
variantControlBarVariant-Variant

Usage Examples

Basic Usage

<rtk-settings-toggle></rtk-settings-toggle>

With Properties

<rtk-settings-toggle
size="md"
variant"button">
</rtk-settings-toggle>
<script>
const el = document.querySelector("rtk-settings-toggle");
</script>