> For the complete documentation index, see [llms.txt](https://docs.airship.gg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airship.gg/typescript/airshipbehaviour/using-component-decorators.md).

# Using Component Decorators

Just like with `MonoBehaviour` in Unity, with our `AirshipBehaviour` we can customize a few things

## Customizing the component menu path

In regular Unity, there is the [`AddComponentMenu`](https://docs.unity3d.com/ScriptReference/AddComponentMenu.html) attribute, in Airship it's the `AirshipComponentMenu` decorator.&#x20;

This is useful for organization purposes.

```typescript
@AirshipComponentMenu("Transform/Follow Transform")
export default class FollowTransform extends AirshipBehaviour {
}
```

<figure><img src="https://214663474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIbaXflSJA8L9N9yOx089%2Fuploads%2FYDHDhf05WqcIrfn0t8Lh%2FUnity_RuIwWdelxC.gif?alt=media&amp;token=2a3b3ebb-bdf2-4d22-82f7-d646c9212aef" alt=""><figcaption><p>Instead of being in the <code>Scripts</code> menu, now it's in <code>Transform</code> :)</p></figcaption></figure>

## Customizing the Icon

{% hint style="danger" %}
This method is deprecated, you can now customize the icon by going to the TypeScript asset file, and in the inspector changing the `Icon` field.
{% endhint %}

By default an `AirshipComponent` has the `AirshipScript` <img src="https://214663474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIbaXflSJA8L9N9yOx089%2Fuploads%2FZCUxKtWBRZ8piI884yq8%2Fimage.png?alt=media&amp;token=2802acfa-319a-4bc5-813c-2f13f8ad39a9" alt="" data-size="line">icon - however this can be changed as like with `MonoBehaviour` scripts

This is done through the `AirshipComponentIcon` decorator. The path should point to a texture in your project.

```typescript
@AirshipComponentMenu("Voyager/Voyager Health")
@AirshipComponentIcon("Assets/Editor/Icons/Health.png")
export default class VoyagerHealthComponent extends AirshipBehaviour {
    // ... code here
}
```

<figure><img src="https://214663474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIbaXflSJA8L9N9yOx089%2Fuploads%2FTNz52qA4k4BLF2SVPrQh%2Fimage.png?alt=media&amp;token=c5e46302-5f66-498d-9a42-86fd28e5e4da" alt=""><figcaption><p>Note the <em>Heart</em> icon, also the custom title from the component menu</p></figcaption></figure>
