storybook: added a story for field name

Author: coder966

stories/Form.RruForm.stories.tsx

@@ -27,8 +27,8 @@ import {
   RruMultiSelectInput,
   RruRadioInput,
   RruSelectInput,
-  RruTextInput,
   RruTextareaInput,
+  RruTextInput,
   useRruForm,
 } from '../src/index';
 import animalsOptions from './data/animalsOptions';
@@ -533,3 +533,27 @@ export const SetValueProgrammaticallyAllTypes = (args) => {
     </RruForm>
   );
 };
+
+export const ValidateFieldNames = (args) => {
+  const rruFormContext = useRruForm();
+
+  const onSubmit = (form) => {
+    action('submitting the form')(form);
+  };
+
+  return (
+    <RruForm
+      context={rruFormContext}
+      onSubmit={onSubmit}>
+
+      <RruTextInput name='email' label='Email' requiredAsterisk />
+      <RruTextInput name='color1' label='Email' requiredAsterisk />
+      <RruTextInput name='animal.1' label='Email' requiredAsterisk />
+
+      <button type='submit' className='btn btn-primary mt-4'>
+        Submit
+      </button>
+
+    </RruForm>
+  );
+};