> For the complete documentation index, see [llms.txt](https://docs.polarity.io/integrations/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.polarity.io/integrations/build-an-integration/customizing-the-overlay-window/component-file/aliased-properties.md).

# Aliased Properties

You can create aliases for properties to make them easier to reference.

As an example, the following is an alias for `block.data.details`

{% code title="block.js" %}

```javascript
'use strict';

polarity.export = PolarityComponent.extend({
    details: Ember.computed.alias('block.data.details')
});
```

{% endcode %}

Once you have created an alias (in this case the alias `details` which refers to `block.data.details` you can reference the property from your template or from within your component just as you would any other variable.

{% code title="template.hbs" %}

```markup
<div>
    {{details.stuff}} is the same as {{block.data.details.stuff}}
</div>
```

{% endcode %}

You can also access `details` directly in your component file as well.

{% code title="block.js" %}

```javascript
'use strict';

polarity.export = PolarityComponent.extend({
    details: Ember.computed.alias('block.data.details')
    severityColor: Ember.computed('details', function(){
        // here we can access 'details' directly because of our alias
        // without the alias we would need to explicitly request
        // `block.data.details.severity'
        let severity = this.get('details.severity');
        return severity > 50 ? "red" : "green";
    });
});
```

{% endcode %}