> For the complete documentation index, see [llms.txt](https://radius.rangle.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://radius.rangle.io/products/radius-token-tango.md).

# Radius Token Tango

Your token pipeline bridging the gap between the [Radius Design Kit](/products/radius-design-kit.md) and the coded [Shadcn](https://ui.shadcn.com/) components with [Tailwind](https://tailwindcss.com/).  

Features

* Token inspection & validation
* Token automatic semantic versioning
* Auto notification of breaking changes (before push to Git)
* Git push and comment
* GitHub Action for pipeline

### Get The Figma Plugin

{% embed url="<https://www.figma.com/community/widget/1378047373035189637>" %}
Get Token Tango!
{% endembed %}

### GitHub

{% embed url="<https://github.com/rangle/radius-token-tango>" %}
Build with Tango!
{% endembed %}

#### Format Rules

{% embed url="<https://github.com/rangle/radius-token-tango/blob/main/packages/radius-toolkit/src/lib/format/radius-layer-subject-type/rules.md>" %}
Formating Rules
{% endembed %}

### Screenshots

#### Token Inspect

<div align="left"><figure><img src="/files/GAbsOPgUljnV9Pfk5wUU" alt="" width="352"><figcaption></figcaption></figure></div>

#### Token Push&#x20;

<div><figure><img src="/files/RbKbUTnlJz9uxe7HFDJe" alt=""><figcaption><p>No Errors + updated minor version</p></figcaption></figure> <figure><img src="/files/HeXOh0JKg8NI0CXU7Otb" alt=""><figcaption><p>Token Validation Error + Breaking Change</p></figcaption></figure></div>

#### Git PR & GitHub Action

<div><figure><img src="/files/oQ8pYmQfCiLCHzn0wmp9" alt=""><figcaption></figcaption></figure> <figure><img src="/files/CNv6ZljXEmY9FZYoDsFM" alt=""><figcaption></figcaption></figure></div>