# Using Angular-Material Design Elements with Template-Node

**URL:** <https://discourse.nodered.org/t/using-angular-material-design-elements-with-template-node/81106>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [7 September 2023 12:58 UTC](https://discourse.nodered.org/t/using-angular-material-design-elements-with-template-node/81106 "2023-09-07T12:58:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bond246](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bond246/32/16460_2.png) [@Bond246](https://discourse.nodered.org/u/Bond246)\
**Post date:** [7 September 2023 12:58 UTC](https://discourse.nodered.org/t/using-angular-material-design-elements-with-template-node/81106/1 "2023-09-07T12:58:46Z")

</div>

Hello,

i want to use some custome design elements from Material-Angular with the template-node.  
I didn't worked to use the [chips](https://material.angular.io/components/chips/overview)-component and some others with code like that:

```html
<mat-chip-listbox aria-label="decoder 01 ampel">
    <mat-chip-option color="{{msg.color}}">
        {{msg.payload}}
    </mat-chip-option>
</mat-chip-listbox>

```

Then i've read that Node-RED only support angular v1. [UI with template-node and Angular - #2 by dceejay](https://discourse.nodered.org/t/ui-with-template-node-and-angular/71432/2)

So in this case which angular elements can i use?

Thanks,  
Bond

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [7 October 2023 12:59 UTC](https://discourse.nodered.org/t/using-angular-material-design-elements-with-template-node/81106/2 "2023-10-07T12:59:23Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.