---
title: "custom · RUAL Documentation"
description: "Custom styling"
canonical: https://docs.rual.nl/block-types/styling/uistyle_custom
language: en
---

# custom

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

Custom styling

- uistyle `uistyle`

A typical wiring for [custom](https://docs.rual.nl/block-types/styling/uistyle_custom): the `uistyle` out pin feeds [div](https://docs.rual.nl/block-types/state%20ui/state_div).

![Studio canvas example for the custom block: typical wiring for custom.](https://docs.rual.nl/canvas-examples/uistyle_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.

- [get at index](https://docs.rual.nl/block-types/array/array_get_at_index): feeds into this block. Returns the element stored at the given zero-based index. An index outside the array, or an element that is null, outputs null.

- [div](https://docs.rual.nl/block-types/Component%20UI/component_content_div): this block feeds into it. Generic container for content.

- [custom text](https://docs.rual.nl/block-types/Component%20UI/component_text): this block feeds into it. Returns the text without an element wrapper if no attributes or outlet are set. If either one is set the text will be wrapped with a span.

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

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

### 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).