fix: inline-help docs for color input (#4704)

BrightspaceUI · May 29, 2024 · 5db38b4 · 5db38b4
1 parent d1555e6
commit 5db38b4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git 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
@@ -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))))) {