> 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="/files/dE4TPYqPIjrn0uoSTUZH" 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="/files/HyJHGZSabaLaLv3kb70V" 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="/files/ZQwcvoip3Np7wgKvhN7O" alt=""><figcaption><p>Note the <em>Heart</em> icon, also the custom title from the component menu</p></figcaption></figure>
