move placeholder to jsdoc

Author: dreamwasp

packages/gamut/src/Form/SelectDropdown/types.tsx

@@ -59,7 +59,6 @@ export interface ExtendedOption extends IconOption {
   abbreviation?: string;
 }
 
-
 /**
  * Group structure for organizing options into categories.
  * Extends react-select's GroupBase with optional divider support.
@@ -157,7 +156,10 @@ export interface SelectDropdownCoreProps
     SharedProps {
   /** Required name attribute for the select input */
   name: string;
-  /** Placeholder text shown when no option is selected */
+  /** Placeholder text shown when no option is selected.
+   * Placeholder text is not recommended for accessibility. If you need to use placeholder text,
+   * please make sure the placeholder text doesn't add any new information to the input.
+   * I.e - if the placeholder text describes an action you'd like the user to take, please use a label instead. */
   placeholder?: string;
   /** Array of options or option groups to display in the dropdown */
   options?: SelectDropdownOptions | SelectDropdownGroup[];

packages/styleguide/src/lib/Atoms/FormInputs/SelectDropdown/SelectDropdown.mdx

@@ -193,10 +193,6 @@ The independent width feature works particularly well with the small size varian
 <Canvas of={SelectDropdownStories.FormGroupSelectDropdown} />
 <Canvas of={SelectDropdownStories.FormGroupError} />
 
-### Placeholder text guidance
-
-Placeholder text is not recommended for accessibility. If you need to use placeholder text, please make sure the placeholder text doesn't add any new information to the input. I.e - if the placeholder text describes an action you'd like the user to take, please use a label instead.
-
 ## Playground
 
 <Canvas sourceState="shown" of={SelectDropdownStories.Default} />