# \[Solved\] Component Custom ID

**URL:** <https://discuss.emberjs.com/t/solved-component-custom-id/8213>\
**Category:** Uncategorized\
**Created:** [June 18, 2015, 4:42pm UTC](https://discuss.emberjs.com/t/solved-component-custom-id/8213 "2015-06-18T16:42:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![IAmJulianAcosta](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/iamjulianacosta/32/10028_2.png) [@IAmJulianAcosta](https://discuss.emberjs.com/u/IAmJulianAcosta)\
**Post date:** [June 18, 2015, 4:42pm UTC](https://discuss.emberjs.com/t/solved-component-custom-id/8213/1 "2015-06-18T16:42:26Z")

</div>

Hi, I want to know if is possible to change the generated ID for a component?

```
<div id="ember377" class="ember-view">

</div>

```

I want to change “ember377” for whatever I need.

Is this possible?

---

<div class="post-metadata">

**Author:** ![Chava](https://avatars.discourse-cdn.com/v4/letter/c/f07891/32.png) [@Chava](https://discuss.emberjs.com/u/Chava)\
**Post date:** [June 18, 2015, 4:46pm UTC](https://discuss.emberjs.com/t/solved-component-custom-id/8213/2 "2015-06-18T16:46:09Z")

</div>

Yes.

> The HTML id of the view’s element in the DOM. You can provide this value yourself but it must be unique (just as in HTML):
> 
> {{my-component elementId=“a-really-cool-id”}}

For more: [http://emberjs.com/api/classes/Ember.Component.html#property\_elementId](http://emberjs.com/api/classes/Ember.Component.html#property_elementId)

---

<div class="post-metadata">

**Author:** ![IAmJulianAcosta](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/iamjulianacosta/32/10028_2.png) [@IAmJulianAcosta](https://discuss.emberjs.com/u/IAmJulianAcosta)\
**Post date:** [June 18, 2015, 4:51pm UTC](https://discuss.emberjs.com/t/solved-component-custom-id/8213/3 "2015-06-18T16:51:48Z")

</div>

Thank you! it worked great! 😄