diff --git a/src/ebay-textbox/__tests__/index.stories.tsx b/src/ebay-textbox/__tests__/index.stories.tsx
index f5f5f3dc..dcb23079 100644
--- a/src/ebay-textbox/__tests__/index.stories.tsx
+++ b/src/ebay-textbox/__tests__/index.stories.tsx
@@ -187,3 +187,18 @@ storiesOf('ebay-textbox', module)
return <>>
})
+ .add('Floating label with multiline', () => (
+
+ ))
+ .add('Floating label with multiline and opaque label', () => (
+
+ ))
diff --git a/src/ebay-textbox/textbox.tsx b/src/ebay-textbox/textbox.tsx
index c56f6f90..07669fcb 100644
--- a/src/ebay-textbox/textbox.tsx
+++ b/src/ebay-textbox/textbox.tsx
@@ -38,6 +38,7 @@ export type EbayTextboxProps = {
onButtonClick?: EbayKeyboardEventHandler &
EbayMouseEventHandler;
forwardedRef?: Ref;
+ opaqueLabel?: boolean;
} & Omit;
const EbayTextbox: FC = ({
@@ -63,6 +64,7 @@ const EbayTextbox: FC = ({
floatingLabel,
children,
placeholder,
+ opaqueLabel,
...rest
}) => {
const [value, setValue] = useState(defaultValue)
@@ -84,6 +86,7 @@ const EbayTextbox: FC = ({
inputValue: controlledValue || inputValue,
placeholder,
invalid,
+ opaqueLabel,
onMount: onFloatingLabelInit
})