# Js Template file with Property Variables

**URL:** <https://forums.realmacsoftware.com/t/js-template-file-with-property-variables/45613>\
**Category:** Elements API\
**Created:** [December 13, 2024, 11:55pm UTC](https://forums.realmacsoftware.com/t/js-template-file-with-property-variables/45613 "2024-12-13T23:55:46Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [December 13, 2024, 11:55pm UTC](https://forums.realmacsoftware.com/t/js-template-file-with-property-variables/45613/1 "2024-12-13T23:55:46Z")

</div>

Hi @dan  
I’m about ready to move over to a Dev Pack and I need to have a js template file where I can inject property variables. What would I name the file and where would I put it ?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [December 14, 2024, 11:36am UTC](https://forums.realmacsoftware.com/t/js-template-file-with-property-variables/45613/2 "2024-12-14T11:36:47Z")

</div>

A JS file would be stored in the assets folder, you have two choices here. Assets can be included [per component](https://docs.realmacsoftware.com/elements-docs/elements-language/assets) or [shared in a component pack](https://docs.realmacsoftware.com/elements-docs/elements-language/shared-files).

Take a look at the Snowstorm code examples on GitHub to see how this works in practice: [GitHub - realmacsoftware/RWElementDevPacks: A collection of example Element Dev Packs for RapidWeaver Elements on macOS](https://github.com/realmacsoftware/RWElementDevPacks/tree/main)

Hope that helps!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [December 14, 2024, 11:53am UTC](https://forums.realmacsoftware.com/t/js-template-file-with-property-variables/45613/3 "2024-12-14T11:53:54Z")

</div>

Oh, and you might want to check out the following video’s if you’re just starting to transition from Custom Components to Element Dev Packs:

[![](https://img.youtube.com/vi/wFXaFmr4kmg/maxresdefault.jpg "Developer: Create an Element DevPack with a Component") ](https://www.youtube.com/watch?v=wFXaFmr4kmg)

[![](https://img.youtube.com/vi/qZOiHiWnjW8/maxresdefault.jpg "Developer: How to add an Icon to your Component") ](https://www.youtube.com/watch?v=qZOiHiWnjW8)

Hope that all helps.