---
title: "toggle class · RUAL Documentation"
description: "Toggles a class to the element"
canonical: https://docs.rual.nl/block-types/user%20interface/uicomponent_element_class_toggle
language: en
---

[Cluster](https://docs.rual.nl/cluster)

[Blocks](https://docs.rual.nl/block-types)

[Interfaces](https://docs.rual.nl/interfaces)

[Blueprints](https://docs.rual.nl/blueprints)

[Tutorials](https://docs.rual.nl/tutorials)

[Home automation](https://docs.rual.nl/home-automation)

[Examples](https://docs.rual.nl/examples)

[Reference](https://docs.rual.nl/reference)

[Architecture](https://docs.rual.nl/architecture)

[Troubleshooting](https://docs.rual.nl/troubleshooting)

Other

# toggle class

This block is part of the [`user interface`](https://docs.rual.nl/block-types/user%20interface) group and was last modified in core [`v13.0.2`](https://docs.rual.nl/core-versions/130002).

Toggles a class to the element

- flow `flow`

- Selector `value` Selector to be used when this outlet is used multiple times within the current page.

- classnames required `value` The classes to be added to the given element.

- flow `flow`

## Version history

Introduced in [`v13.0.2`](https://docs.rual.nl/core-versions/130002).

Deprecated since [`v13.0.2`](https://docs.rual.nl/core-versions/130002).

- [Back to `user interface`](https://docs.rual.nl/block-types/user%20interface): Return to the main group to view all sub-groups

- [Back to `UI`](https://docs.rual.nl/block-types/user%20interface?group=UI): Return to the group to view all blocks within this group

Was this page helpful? [Tell us what to improve](https://docs.rual.nl/support) · RUAL Docs is an integral component of the [RUAL ecosystem](https://rual.nl)