diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx index 6cd50b72a7b..54024591717 100644 --- a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx +++ b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx @@ -61,6 +61,7 @@ function PhoneNumber(props: Props) { disabled, width = 'large', help, + pattern, handleFocus, handleBlur, handleChange, @@ -189,6 +190,7 @@ function PhoneNumber(props: Props) { disabled={disabled} width="stretch" help={help} + minLength={3} /> diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/stories/PhoneNumber.stories.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/stories/PhoneNumber.stories.tsx index 8962f682bae..e11441e4b58 100644 --- a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/stories/PhoneNumber.stories.tsx +++ b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/stories/PhoneNumber.stories.tsx @@ -1,9 +1,14 @@ -import { Field } from '../../..' +import { Field, Form } from '../../..' export default { title: 'Eufemia/Forms/PhoneNumber', } export function PhoneNumber() { - return + return ( + + + + + ) }