fix: added hideLabel to dropdown family

carbon-design-system · Mar 5, 2024 · 7427e94 · 7427e94
1 parent 8ca4780
commit 7427e94
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -2990,6 +2990,9 @@ Map {
       "className": Object {
         "type": "string",
       },
+      "hideLabel": Object {
+        "type": "bool",
+      },
       "size": Object {
         "args": Array [
           Array [

diff --git a/packages/react/src/components/Dropdown/Dropdown.Skeleton.tsx b/packages/react/src/components/Dropdown/Dropdown.Skeleton.tsx
@@ -13,12 +13,26 @@ import { usePrefix } from '../../internal/usePrefix';
 import { ReactAttr } from '../../types/common';
 
 export interface DropdownSkeletonProps extends ReactAttr<HTMLDivElement> {
+  /**
+   * Specify an optional className to add.
+   */
+  className?: string;
+
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Specify the size of the ListBox.
+   */
   size?: ListBoxSize;
 }
 
 const DropdownSkeleton: React.FC<DropdownSkeletonProps> = ({
   className,
   size,
+  hideLabel,
   ...rest
 }: DropdownSkeletonProps) => {
   const prefix = usePrefix();
@@ -36,7 +50,9 @@ const DropdownSkeleton: React.FC<DropdownSkeletonProps> = ({
   return (
     <div className={wrapperClasses} {...rest}>
       <div className={`${prefix}--list-box__field`}>
-        <span className={`${prefix}--list-box__label`} />
+        {!hideLabel && (
+          <span className={`${prefix}--list-box__label ${prefix}--skeleton`} />
+        )}
       </div>
     </div>
   );
@@ -48,6 +64,11 @@ DropdownSkeleton.propTypes = {
    */
   className: PropTypes.string,
 
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel: PropTypes.bool,
+
   /**
    * Specify the size of the ListBox.
    */