docs(component-overview): legger til eksempel på required på phonenumber

SpareBank1 · Jun 18, 2024 · ad998fc · ad998fc
1 parent eeb4f83
commit ad998fc
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 9 deletions.
diff --git a/component-overview/examples/form/PhoneNumber-PhoneNumber-countryCode-invalid.jsx b/component-overview/examples/form/PhoneNumber-PhoneNumber-countryCode-invalid.jsx
@@ -1,7 +1,7 @@
 import { PhoneNumber } from '@sb1/ffe-form-react';
 
 <PhoneNumber
-    number=""
-    countryCode=""
-    countryCodeAndNumberFieldMessage="Både landkode og telefonnummer feltene er påkrevd"
-/>
+    numberInputProps={{ value: '' }}
+    countryInputProps={{ value: '' }}
+    countryCodeAndNumberErrorMessage="Både landkode og telefonnummer feltene er påkrevd"
+/>;
diff --git a/component-overview/examples/form/PhoneNumber-PhoneNumber-countryCode-required.jsx b/component-overview/examples/form/PhoneNumber-PhoneNumber-countryCode-required.jsx
@@ -1,3 +1,6 @@
 import { PhoneNumber } from '@sb1/ffe-form-react';
 
-<PhoneNumber number="" countryCode="47" numberFieldMessage="Dette feltet er påkrevd" />
+<PhoneNumber
+    numberInputProps={{ value: '123123123', required: true }}
+    countryCodeInputProps={{ required: true }}
+/>;
diff --git a/component-overview/examples/form/PhoneNumber-PhoneNumber-invalid.jsx b/component-overview/examples/form/PhoneNumber-PhoneNumber-invalid.jsx
@@ -1,3 +1,7 @@
 import { PhoneNumber } from '@sb1/ffe-form-react';
 
-<PhoneNumber number="" countryCode="47" numberFieldMessage="Dette feltet er påkrevd" />
+<PhoneNumber
+    numberInputProps={{ value: '' }}
+    countryCodeInputProps={{ value: '47' }}
+    numberErrorMessage="Dette feltet er påkrevd"
+/>;
diff --git a/component-overview/examples/form/PhoneNumber-countryCode-invalid.jsx b/component-overview/examples/form/PhoneNumber-countryCode-invalid.jsx
@@ -1,3 +1,7 @@
 import { PhoneNumber } from '@sb1/ffe-form-react';
 
-<PhoneNumber number="123123123" countryCode="" countryCodeFieldMessage="Dette feltet er påkrevd" />
+<PhoneNumber
+    numberInputProps={{ value: '123123123' }}
+    countryCodeInputProps={{ value: '' }}
+    countryCodeErrorMessage="Dette feltet er påkrevd"
+/>;
diff --git a/component-overview/examples/form/PhoneNumber-isMobileNumber.jsx b/component-overview/examples/form/PhoneNumber-isMobileNumber.jsx
@@ -1,3 +1,3 @@
 import { PhoneNumber } from '@sb1/ffe-form-react';
 
-<PhoneNumber isMobileNumber={true} number="123123123" />
+<PhoneNumber isMobileNumber={true} numberInputProps={{ value: '123123123' }} />;
diff --git a/component-overview/examples/form/PhoneNumber.jsx b/component-overview/examples/form/PhoneNumber.jsx
@@ -1,3 +1,3 @@
 import { PhoneNumber } from '@sb1/ffe-form-react';
 
-<PhoneNumber number="123123123" />
+<PhoneNumber numberInputProps={{ value: '123123123' }} />;