From 5db38b4c5ddf34b4fddadbcf41c4f4ce7e3edd3a Mon Sep 17 00:00:00 2001
From: Dave Lockhart <dlockhart@users.noreply.github.com>
Date: Wed, 29 May 2024 16:18:18 -0400
Subject: [PATCH] fix: inline-help docs for color input (#4704)

---
 components/inputs/docs/input-color.md | 4 ++++
 components/inputs/input-color.js      | 1 +
 2 files changed, 5 insertions(+)

diff --git a/components/inputs/docs/input-color.md b/components/inputs/docs/input-color.md
index aebd2b2b7d0..b6614d5e869 100644
--- a/components/inputs/docs/input-color.md
+++ b/components/inputs/docs/input-color.md
@@ -48,6 +48,10 @@ input.addEventListener('change', (e) => {
   console.log(input.value);
 });
 ```
+
+### Slots
+
+* `inline-help`: Help text that will appear below the input. Use this only when other helpful cues are not sufficient, such as a carefully-worded label.
 <!-- docs: end hidden content -->
 
 ### Accessibility Properties
diff --git a/components/inputs/input-color.js b/components/inputs/input-color.js
index 0d9528bb48b..9bd09930bf0 100644
--- a/components/inputs/input-color.js
+++ b/components/inputs/input-color.js
@@ -81,6 +81,7 @@ const SWATCH_TRANSPARENT = `<svg xmlns="http://www.w3.org/2000/svg" width="24" h
 
 /**
  * This component allows for inputting a HEX color value.
+ * @slot inline-help - Help text that will appear below the input. Use this only when other helpful cues are not sufficient, such as a carefully-worded label.
  * @fires change - Dispatched when an alteration to the value is committed by the user.
  */
 class InputColor extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(FormElementMixin(LocalizeCoreElement(LitElement))))) {