From 9ce1f9b04209f38557e051c7b03e25cdd8372d6f Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 2 Oct 2020 15:43:48 -0400
Subject: [PATCH] Add spellcheck prop

---
 CHANGELOG.md                   | 1 +
 src/components/input/input.tsx | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e85c993c6..ee1285eeb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Next
 
 - Added support for dropdowns and non-icon elements to `sl-input`
+- Added `spellcheck` prop to `sl-input`
 - Fixed a bug where `sl-progress-ring` rendered incorrectly when zoomed in Safari [#227](https://github.com/shoelace-style/shoelace/issues/227)
 - Fixed a bug where tabbing into slotted elements closes `sl-dropdown` when used in a shadow root [#223](https://github.com/shoelace-style/shoelace/issues/223)
 
diff --git a/src/components/input/input.tsx b/src/components/input/input.tsx
index a05f922c3..e7888f630 100644
--- a/src/components/input/input.tsx
+++ b/src/components/input/input.tsx
@@ -100,6 +100,9 @@ export class Input {
   /** The input's autofocus attribute. */
   @Prop() autofocus: boolean;
 
+  /** Enables spell checking on the input. */
+  @Prop() spellcheck: boolean;
+
   /**
    * This will be true when the control is in an invalid state. Validity is determined by props such as `type`,
    * `required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.
@@ -307,6 +310,7 @@ export class Input {
             autoComplete={this.autocomplete}
             autoCorrect={this.autocorrect}
             autoFocus={this.autofocus}
+            spellcheck={this.spellcheck}
             pattern={this.pattern}
             required={this.required}
             inputMode={this.inputmode}