Skip to content

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
iconPackIconPack❌defaultIconPackIcon pack
sizeSize✅-Size
statesStates✅-States object
tRtkI18n❌useLanguage()Language
variantControlBarVariant✅-Variant

Usage Examples

Basic Usage

<!-- component.html -->
<rtk-settings-toggle></rtk-settings-toggle>

With Properties

<!-- component.html -->
<rtk-settings-toggle
size="md"
variant="button">
</rtk-settings-toggle>