Materialize Design in XAML - does not work for custom XAML controls
<p>I have the following custom control that inherits from a TextBox:</p>

<pre><code>class MyTextBox : TextBox {

    //custom properties, events and functions
}
</code></pre>

<p>It is used like so..</p>

<pre><code>    &lt;TextBox Width="100" Height="30" Text="TextBox" Margin="20" /&gt;
    &lt;local:MyTextBox Width="100" Height="30" Text="12345" Margin="20" /&gt;
</code></pre>

<p>I have used the <a href="http://materialdesigninxaml.net/" rel="nofollow noreferrer">Material Design In XAML Toolkit</a> in my project, which is working good, except that <strong>MyTextBox</strong> does not have that "Material Effect" with it as seen in the below screenshot.</p>

<p><a href="https://i.stack.imgur.com/Qby20.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qby20.png" alt="The MyTextBox does not show materialize design effect."></a></p>

<p>What should I do to give that material design style in <strong>MyTextBox</strong>?</p>