---
title: "custom · RUAL Documentation"
description: "Custom class input"
canonical: https://docs.rual.nl/block-types/ui%20class/uiclass_custom
language: en
---

# custom

This block is part of the [`ui class`](https://docs.rual.nl/block-types/ui%20class) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

Custom class input

- uiclass `uiclass`

[custom](https://docs.rual.nl/block-types/ui%20class/uiclass_custom) attaches a class name you type on the block to an element, here a [div](https://docs.rual.nl/block-types/state%20ui/state_div) with a [paragraph](https://docs.rual.nl/block-types/state%20ui/state_p) inside. One class block can feed any number of elements, so shared styling lives in one place.

![Studio canvas example for the custom block: styling an element with a custom class.](https://docs.rual.nl/canvas-examples/uiclass_custom.png)

### Commonly used with

In production blueprints, this block is most often wired together with:

- [div](https://docs.rual.nl/block-types/state%20ui/state_div): this block feeds into it. Creates a dynamic and customizable div element on your web page.

- [hyperlink](https://docs.rual.nl/block-types/state%20ui/state_a): this block feeds into it. A anchor element, that can be used to create an link to an intern/extern page.

- [paragraph](https://docs.rual.nl/block-types/state%20ui/state_p): this block feeds into it. A paragraph element.

- [h3](https://docs.rual.nl/block-types/state%20ui/state_h3): this block feeds into it. A H3 element.

- [custom text](https://docs.rual.nl/block-types/state%20ui/state_text): this block feeds into it.

- [span](https://docs.rual.nl/block-types/state%20ui/state_span): this block feeds into it. A span element.

### Used in these guides

These documentation pages use or explain this block:

- [Tips & tricks](https://docs.rual.nl/blueprints/tips-and-tricks)

### Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

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

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