# I created a Material Web Components skeleton for Aurelia 2

**URL:** <https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054>\
**Category:** vNext\
**Created:** [January 17, 2023, 5:53pm UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054 "2023-01-17T17:53:53Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mreiche](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/mreiche/32/1912_2.png) [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Post date:** [January 17, 2023, 5:53pm UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054/1 "2023-01-17T17:53:53Z")

</div>

Hi.

Material Web Components 3 have been released last week ([Release v1.0.0-pre.1 · material-components/material-web · GitHub](https://github.com/material-components/material-web/releases/tag/v1.0.0-pre.1))

I created a minimalistic example in Aurelia 2: [GitHub - mreiche/mdc-web-aurelia2](https://github.com/mreiche/mdc-web-aurelia2)

What’s missing:

- There is no documentation for the components yet
- Missing components (like Top-App-Bar, Card etc)
- Two-Way-Binding is not working because of `Trying to set value for property value in dirty checker`(don’t know if this is an Aurelia bug or missuse)

Feel free to contribute.

---

<div class="post-metadata">

**Author:** ![MaximBalaganskiy](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/maximbalaganskiy/32/831_2.png) [@MaximBalaganskiy](https://discourse.aurelia.io/u/MaximBalaganskiy)\
**Post date:** [January 19, 2023, 11:37am UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054/2 "2023-01-19T11:37:30Z")

</div>

Binding adapter is missing. Should be in the docs

---

<div class="post-metadata">

**Author:** ![mreiche](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/mreiche/32/1912_2.png) [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Post date:** [January 20, 2023, 12:34pm UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054/3 "2023-01-20T12:34:58Z")

</div>

Hi Maxim. Could you explain a little bit more for me? Where to fix, and which docs do you mean?

---

<div class="post-metadata">

**Author:** ![MaximBalaganskiy](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/maximbalaganskiy/32/831_2.png) [@MaximBalaganskiy](https://discourse.aurelia.io/u/MaximBalaganskiy)\
**Post date:** [January 20, 2023, 9:20pm UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054/4 "2023-01-20T21:20:21Z")

</div>

> **[Microsoft FAST](https://docs.aurelia.io/developer-guides/examples/integration/ms-fast)**

Same will apply to mwc

---

<div class="post-metadata">

**Author:** ![mreiche](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/mreiche/32/1912_2.png) [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Post date:** [January 23, 2023, 7:48am UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054/5 "2023-01-23T07:48:49Z")

</div>

Hi Maxim.

Sorry, but I still don’t get it. The referenced article describes how to bind default properties and their directions. But how does this help, when

```auto
<md-filled-text-field label="Label text" value.two-way="message"></md-filled-text-field>

```

Crashes with

```auto
Trying to set value for property value in dirty checker

```

1. `value` is the right property to use here.
2. `from-view` and `to-view` are working, but not `bind` nor `two-way`.

---

<div class="post-metadata">

**Author:** ![MaximBalaganskiy](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/maximbalaganskiy/32/831_2.png) [@MaximBalaganskiy](https://discourse.aurelia.io/u/MaximBalaganskiy)\
**Post date:** [January 23, 2023, 8:39am UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054/6 "2023-01-23T08:39:19Z")

</div>

You need to teach aurelia that on change event it should update bindings to value property. That article shows how to do that for fast wc but same applies to mwc

---

<div class="post-metadata">

**Author:** ![mreiche](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/mreiche/32/1912_2.png) [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Post date:** [January 23, 2023, 9:21am UTC](https://discourse.aurelia.io/t/i-created-a-material-web-components-skeleton-for-aurelia-2/5054/7 "2023-01-23T09:21:26Z")

</div>

Got it now. Fixed and works.