# Use published stencil component to the other stencil project

**URL:** <https://forum.ionicframework.com/t/use-published-stencil-component-to-the-other-stencil-project/135386>\
**Category:** Stencil\
**Created:** [July 16, 2018, 11:20am UTC](https://forum.ionicframework.com/t/use-published-stencil-component-to-the-other-stencil-project/135386 "2018-07-16T11:20:12Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![lalitkushwah](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@lalitkushwah](https://forum.ionicframework.com/u/lalitkushwah)\
**Post date:** [July 16, 2018, 11:20am UTC](https://forum.ionicframework.com/t/use-published-stencil-component-to-the-other-stencil-project/135386/1 "2018-07-16T11:20:12Z")

</div>

Hello Everyone,  
I have published a stencil project which has several components to the npm. Now I want to use that components to the another stencil project. I am trying to use that in such manner:

```auto
import { Component, Prop } from '@stencil/core';
import Dropdown from 'dxp-core'; // trying to import exported class by published stencil project
import Checkbox from 'dxp-core';

@Component({
 tag: 'my-new-component',
 styleUrl: 'my-component.css',
 shadow: true
})
export class MyComponent {

 @Prop() first: string;
 @Prop() last: string;

 render() {
   return (

     <div>
      <dxp-checkbox></dxp-checkbox> //component's selector available in published npm project
      <dxp-dropdown></dxp-dropdown>//component's selector available in published npm project
     </div>
   );
 }
}

```

This custom selectors aren’t working. Does anybody know how to perform such task ?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:29pm UTC](https://forum.ionicframework.com/t/use-published-stencil-component-to-the-other-stencil-project/135386/2 "2021-07-19T21:29:18Z")

</div>