fix: Expose 'multiline' prop for TreeSelectField

homebound-team · Jun 11, 2024 · e52fb10 · e52fb10
1 parent 20c1f3e
commit e52fb10
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/inputs/TreeSelectField/TreeSelectField.stories.tsx b/src/inputs/TreeSelectField/TreeSelectField.stories.tsx
@@ -55,6 +55,15 @@ function Template(args: TreeSelectFieldProps<HasIdAndName, string>) {
           label="Multiple options selected"
         />
 
+        <TestTreeSelectField
+          {...args}
+          multiline
+          values={multipleValueIds}
+          options={options}
+          placeholder="Select a project"
+          label="Multiple options selected - multiline prop"
+        />
+
         <TestTreeSelectField
           {...args}
           values={[]}

diff --git a/src/inputs/TreeSelectField/TreeSelectField.tsx b/src/inputs/TreeSelectField/TreeSelectField.tsx
@@ -66,6 +66,8 @@ export interface TreeSelectFieldProps<O, V extends Value> extends BeamFocusableP
   /** Whether to have all groups collapsed on initial load. Can also be configured individually, which overrides this behavior.
    * @default false */
   defaultCollapsed?: boolean;
+  /** Allow the field's height to grow up to a predefined height (currently 72px), then scroll. */
+  multiline?: boolean;
 }
 
 export function TreeSelectField<O, V extends Value>(props: TreeSelectFieldProps<O, V>): JSX.Element;