diff --git a/chips/lib/_shared.scss b/chips/lib/_shared.scss
index fa48ac6f02..e236fde451 100644
--- a/chips/lib/_shared.scss
+++ b/chips/lib/_shared.scss
@@ -35,6 +35,7 @@
     height: 100%;
     padding: 0 16px;
     position: relative;
+    text-decoration: none;
     width: 100%;
   }
 
diff --git a/chips/lib/chip.ts b/chips/lib/chip.ts
index ec9dc25bbc..ab79abc525 100644
--- a/chips/lib/chip.ts
+++ b/chips/lib/chip.ts
@@ -6,9 +6,10 @@
 
 import '../../elevation/elevation.js';
 
-import {html, LitElement} from 'lit';
+import {LitElement, nothing} from 'lit';
 import {property} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
+import {html as staticHtml, literal} from 'lit/static-html.js';
 
 /**
  * A chip component.
@@ -16,7 +17,9 @@ import {classMap} from 'lit/directives/class-map.js';
 export class Chip extends LitElement {
   @property({type: Boolean}) disabled = false;
   @property({type: Boolean}) elevated = false;
+  @property({type: String}) href = '';
   @property({type: String}) label = '';
+  @property({type: String}) target = '';
 
   override render() {
     const classes = {
@@ -24,12 +27,15 @@ export class Chip extends LitElement {
       flat: !this.elevated,
     };
 
-    return html`
-      <button class="container ${classMap(classes)}"
-          ?disabled=${this.disabled}>
+    const button = this.href ? literal`a` : literal`button`;
+    return staticHtml`
+      <${button} class="container ${classMap(classes)}"
+          ?disabled=${this.disabled}
+          href=${this.href || nothing}
+          target=${this.href ? this.target : nothing}>
         <md-elevation shadow=${this.elevated} surface></md-elevation>
         <div class="label">${this.label}</div>
-      </button>
+      </${button}>
     `;
   }
 }