# Badged Text

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Page Content

Block Type: [Output](https://docs.zingy.ai/app-editor/block-anatomy#output-block)

Output Type: [*text*](https://docs.zingy.ai/app-editor/page-flow/references/value-types)
{% endhint %}

The **`Badged Text`** block is an [output block](https://docs.zingy.ai/app-editor/block-anatomy#output-block) that dynamically creates a [Badged Text element](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/badged-text) and outputs its content (of type [*text*](https://docs.zingy.ai/app-editor/page-flow/references/value-types)) . 

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FVGZQSR7nUdXa1Ejxfe4a%2Fimage.png?alt=media&#x26;token=1f0460ef-8641-4df9-9501-3eae85fd798e" alt="" width="539"><figcaption><p>Badged Text block</p></figcaption></figure></div>

It consists of the following (from left to right):

* *Badge Shape*: [Dropdown configuration setting](https://docs.zingy.ai/app-editor/block-anatomy#dropdown) with options for [Normal or a Pill shape](https://docs.zingy.ai/page-editor/built-in-elements/badged-text#badge-shape)
* *Badge Style*: [Dropdown configuration setting](https://docs.zingy.ai/app-editor/block-anatomy#dropdown) with pre-defined options of [background and text colors](https://docs.zingy.ai/page-editor/built-in-elements/badged-text#badge-style).
* *Text*: [Value Parameter](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) that accepts a [*text*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value containing the content inside the badge.

{% hint style="success" %}
You can attach the block to [Set Content](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-content) or [Set Content in Data Design](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-content-in-data-design) blocks to display the content on the page or form.
{% endhint %}

***

## Usage Example

An example of the usage for the Badged Text block is shown below:

<figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FsCfk1VOuLRKSTPe0Juam%2Fimage.png?alt=media&#x26;token=c75da34b-1768-46e7-91fc-648f9ae7a761" alt=""><figcaption><p>Badged Text block usage example</p></figcaption></figure>

***

## See also

[Badged Text Element](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/badged-text)

[Page Flow Set Content block](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-content)