diff --git a/samples/BlazorApp/BlazorApp.csproj b/samples/BlazorApp/BlazorApp.csproj
index dd0c42c..294800a 100644
--- a/samples/BlazorApp/BlazorApp.csproj
+++ b/samples/BlazorApp/BlazorApp.csproj
@@ -5,7 +5,7 @@
     <OutputType>Exe</OutputType>
     <LangVersion>7.3</LangVersion>
     <RazorLangVersion>3.0</RazorLangVersion>
-    <ComponentsPackageVersion>3.0.0-preview6.19305.13</ComponentsPackageVersion>
+    <ComponentsPackageVersion>3.0.0-preview7.19365.7</ComponentsPackageVersion>
   </PropertyGroup>
 
   <ItemGroup>
diff --git a/samples/BlazorApp/Pages/TextFieldSample.razor b/samples/BlazorApp/Pages/TextFieldSample.razor
index 5140917..8493f5a 100644
--- a/samples/BlazorApp/Pages/TextFieldSample.razor
+++ b/samples/BlazorApp/Pages/TextFieldSample.razor
@@ -4,13 +4,32 @@
 
 <p>See <code>TextField.cshtml</code> for sources.</p>
 
-<MdcTextField Label="Type in some text" @bind-Value="@currentValue" />
+<div class="grouping">
+    <MdcTextField Label="Type in some text" @bind-Value="@currentText" />
+    @if (currentText != null)
+    {
+        <p>You typed: <strong>@currentText</strong></p>
+    }
+</div>
 
-@if (currentValue != null)
-{
-    <p>You typed: <strong>@currentValue</strong></p>
-}
+<div class="grouping">
+    <MdcTextField Type="password" Label="Type in a password" @bind-Value="@currentPassword" />
+    @if (currentPassword != null)
+    {
+        <p>You typed: <strong>@currentPassword</strong></p>
+    }
+</div>
+
+<div class="grouping">
+    <MdcTextArea Label="Type in some lines of text" @bind-Value="@currentMultiLine" />
+    @if (currentMultiLine != null)
+    {
+        <p>You typed: <strong>@currentMultiLine</strong></p>
+    }
+</div>
 
 @functions {
-    string currentValue;
+    string currentText;
+    string currentPassword;
+    string currentMultiLine;
 }
diff --git a/samples/BlazorApp/wwwroot/css/site.css b/samples/BlazorApp/wwwroot/css/site.css
index b0d0a9c..aec6615 100644
--- a/samples/BlazorApp/wwwroot/css/site.css
+++ b/samples/BlazorApp/wwwroot/css/site.css
@@ -82,3 +82,7 @@ h1 {
 .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content .mdc-top-app-bar {
     width: calc(100% - 256px);
 }
+
+.grouping {
+    margin: 10px;
+}
\ No newline at end of file
diff --git a/samples/BlazorApp/wwwroot/index.html b/samples/BlazorApp/wwwroot/index.html
index 39a2936..7160f57 100644
--- a/samples/BlazorApp/wwwroot/index.html
+++ b/samples/BlazorApp/wwwroot/index.html
@@ -6,9 +6,9 @@
     <title>Component Demos</title>
     <base href="/" />
     <link rel="stylesheet" href="css/site.css" />
-    <link href="_content/RazorComponentsMaterialDesign/styles.css" rel="stylesheet" />
-    <script src="_content/RazorComponentsMaterialDesign/script.js"></script>
-    <script src="_content/RazorComponentsMaterialDesign/lib/material-components-web.js"></script>
+    <link href="_content/RazorComponents.MaterialDesign/styles.css" rel="stylesheet" />
+    <script src="_content/RazorComponents.MaterialDesign/script.js"></script>
+    <script src="_content/RazorComponents.MaterialDesign/lib/material-components-web.js"></script>
 </head>
 <body class="mdc-typography">
     <app>Loading...</app>
diff --git a/samples/RazorComponentsApp/Index.cshtml b/samples/RazorComponentsApp/Index.cshtml
index 9be4117..441192d 100644
--- a/samples/RazorComponentsApp/Index.cshtml
+++ b/samples/RazorComponentsApp/Index.cshtml
@@ -8,9 +8,9 @@
     <title>Component Demos</title>
     <base href="~/" />
     <link rel="stylesheet" href="css/site.css" />
-    <link href="_content/RazorComponentsMaterialDesign/styles.css" rel="stylesheet" />
-    <script src="_content/RazorComponentsMaterialDesign/script.js"></script>
-    <script src="_content/RazorComponentsMaterialDesign/lib/material-components-web.js"></script>
+    <link href="_content/RazorComponents.MaterialDesign/styles.css" rel="stylesheet" />
+    <script src="_content/RazorComponents.MaterialDesign/script.js"></script>
+    <script src="_content/RazorComponents.MaterialDesign/lib/material-components-web.js"></script>
 </head>
 <body class="mdc-typography">
     <app>@(await Html.RenderComponentAsync<BlazorApp.App>())</app>
diff --git a/samples/RazorComponentsApp/RazorComponentsApp.csproj b/samples/RazorComponentsApp/RazorComponentsApp.csproj
index 03fb765..6f855e9 100644
--- a/samples/RazorComponentsApp/RazorComponentsApp.csproj
+++ b/samples/RazorComponentsApp/RazorComponentsApp.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>netcoreapp3.0</TargetFramework>
     <LangVersion>7.3</LangVersion>
-    <ComponentsPackageVersion>3.0.0-preview6.19305.13</ComponentsPackageVersion>
+    <ComponentsPackageVersion>3.0.0-preview7.19365.7</ComponentsPackageVersion>
   </PropertyGroup>
 
   <ItemGroup>
diff --git a/src/RazorComponents.MaterialDesign/MdcTextArea.razor b/src/RazorComponents.MaterialDesign/MdcTextArea.razor
new file mode 100644
index 0000000..362d4dc
--- /dev/null
+++ b/src/RazorComponents.MaterialDesign/MdcTextArea.razor
@@ -0,0 +1,23 @@
+﻿@inherits MdcInputComponentBase<string>
+@inject IJSRuntime jsRuntime
+    
+<div @ref="textFieldElem" class="mdc-text-field  mdc-text-field--textarea">
+    <textarea id=@id class="mdc-text-field__input @FieldClass"
+           @bind="@CurrentValue" rows="@Rows" cols="@Cols" />
+
+    <label class="mdc-floating-label" for=@id>@Label</label>
+    <div class="mdc-line-ripple"></div>
+</div>
+
+@functions {
+    string id = Guid.NewGuid().ToString();
+    ElementRef textFieldElem;
+
+    [Parameter] string Label { get; set; }
+    [Parameter] int Rows { get; set; } = 4;
+    [Parameter] int Cols { get; set; } = 40;
+
+    protected override Task OnAfterFirstRenderAsync()
+        => jsRuntime.InvokeAsync<object>(
+                "BlazorMaterial.textField.init", textFieldElem);
+}
diff --git a/src/RazorComponents.MaterialDesign/RazorComponents.MaterialDesign.csproj b/src/RazorComponents.MaterialDesign/RazorComponents.MaterialDesign.csproj
index 08de47c..3848e71 100644
--- a/src/RazorComponents.MaterialDesign/RazorComponents.MaterialDesign.csproj
+++ b/src/RazorComponents.MaterialDesign/RazorComponents.MaterialDesign.csproj
@@ -4,7 +4,7 @@
     <TargetFramework>netstandard2.0</TargetFramework>
     <LangVersion>7.3</LangVersion>
     <RazorLangVersion>3.0</RazorLangVersion>
-    <ComponentsPackageVersion>3.0.0-preview6.19305.13</ComponentsPackageVersion>
+    <ComponentsPackageVersion>3.0.0-preview7.19365.7</ComponentsPackageVersion>
   </PropertyGroup>
 
   <ItemGroup>
