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

| Property | Type | Required | Default | Description | |----------|------|----------|---------|-------------| | iconPack | IconPack | ❌ | defaultIconPack | Icon pack | | size | Size | ✅ | - | Size | | states | States | ✅ | - | States object | | t | RtkI18n | ❌ | useLanguage() | Language | | variant | ControlBarVariant | ✅ | - | 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>