From 3550a51cea4fb35208cb5a574c368b73d0ca93b2 Mon Sep 17 00:00:00 2001
From: Johannes <72809645+jobenjada@users.noreply.github.com>
Date: Fri, 25 Nov 2022 04:21:57 -0600
Subject: [PATCH] Update react intro (#159)

* updated react intro

* docs: icon page

* add name attr to Submit
---
 README.md                                     |   2 +-
 apps/formbricks-com/lib/docsNavigation.ts     |   4 +
 .../getting-started/index.mdx                 |   2 +-
 ...d-icon-name-react-library-form-builder.PNG | Bin 0 -> 17960 bytes
 .../docs/react-form-library/icons/index.mdx   |  74 ++++++++++++++++++
 .../react-form-library/input-submit/index.mdx |  10 ++-
 .../react-form-library/introduction/index.mdx |  18 +++--
 .../style-tailwind/index.mdx                  |  25 +++---
 .../validation-errors/index.mdx               |   2 +-
 .../work-with-components/index.mdx            |  12 ++-
 10 files changed, 123 insertions(+), 26 deletions(-)
 create mode 100644 apps/formbricks-com/pages/docs/react-form-library/icons/find-icon-name-react-library-form-builder.PNG
 create mode 100644 apps/formbricks-com/pages/docs/react-form-library/icons/index.mdx

diff --git a/README.md b/README.md
index d8023423d3..efc98d651d 100644
--- a/README.md
+++ b/README.md
@@ -56,7 +56,7 @@ export default function WaitlistForm() {
       <Text name="firstname" label="What's your first name?" validation="required" />
       <Text name="lastname" label="What's your last name?" />
       <Textarea name="about" label="About you" help="Please keep it short" />
-      <Submit label="Submit" />
+      <Submit name="submit" label="Submit" />
     </Form>
   );
 }
diff --git a/apps/formbricks-com/lib/docsNavigation.ts b/apps/formbricks-com/lib/docsNavigation.ts
index df722eaf82..cc73c934b1 100644
--- a/apps/formbricks-com/lib/docsNavigation.ts
+++ b/apps/formbricks-com/lib/docsNavigation.ts
@@ -87,6 +87,10 @@ const navigation = [
         title: "Style with Tailwind",
         href: "/docs/react-form-library/style-tailwind",
       },
+      {
+        title: "Icons",
+        href: "/docs/react-form-library/icons",
+      },
     ],
   },
   {
diff --git a/apps/formbricks-com/pages/docs/react-form-library/getting-started/index.mdx b/apps/formbricks-com/pages/docs/react-form-library/getting-started/index.mdx
index 30587e9c85..8a797df627 100644
--- a/apps/formbricks-com/pages/docs/react-form-library/getting-started/index.mdx
+++ b/apps/formbricks-com/pages/docs/react-form-library/getting-started/index.mdx
@@ -66,7 +66,7 @@ export default function WaitlistForm() {
       <Text name="firstname" label="What's your first name?" validation="required" />
       <Text name="lastname" label="What's your last name?" />
       <Textarea name="about" label="About you" help="Please keep it short" />
-      <Submit label="Submit" />
+      <Submit name="submit" label="Submit" />
     </Form>
   );
 }
diff --git a/apps/formbricks-com/pages/docs/react-form-library/icons/find-icon-name-react-library-form-builder.PNG b/apps/formbricks-com/pages/docs/react-form-library/icons/find-icon-name-react-library-form-builder.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..7012fc9f03ab4b2a71391043465367d9a3dd7b30
GIT binary patch
literal 17960
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
Cz|Xw^

literal 0
HcmV?d00001

diff --git a/apps/formbricks-com/pages/docs/react-form-library/icons/index.mdx b/apps/formbricks-com/pages/docs/react-form-library/icons/index.mdx
new file mode 100644
index 0000000000..678a8a7eab
--- /dev/null
+++ b/apps/formbricks-com/pages/docs/react-form-library/icons/index.mdx
@@ -0,0 +1,74 @@
+import { Layout } from "@/components/docs/Layout";
+import { Callout } from "@/components/shared/Callout";
+import Image from "next/image";
+import FindIcon from "./find-icon-name-react-library-form-builder.png";
+
+export const meta = {
+  title: "Icons - Formbricks React Form Library",
+};
+
+Icons give forms and surveys not only a professional look & feel, they increase the usability. Formbricks React supports icons in several locations throughout the form.
+
+### Choosing an icon library
+
+In the first step you have to decide which library you like. We like:
+
+- [HeroIcons](https://heroicons.com/),
+- [FeatherIcons](https://feathericons.com/) (beautiful but limited),
+- [React Icons](https://react-icons.github.io/react-icons/). (huge collection)
+
+### Installing library package
+
+Once you picked yours you have to add it to your repository, e.g. HeroIcons:
+
+```jsx
+npm install @heroicons/react
+```
+
+### Importing icons
+
+Next you have to import the icons you want to use them in your form:
+
+```jsx
+import { PlusIcon } from "@heroicons/react/24/outline";
+
+# or several at once
+
+import { ChatBubbleOvalLeftEllipsisIcon, EnvelopeIcon } from "@heroicons/react/24/solid";
+
+```
+
+If you paid close attention you noticed that we imported `PlusIcon` from the `outline` folder and the latter two from the `solid` folder. You can find the name of the icon you'd like to import on the respective website:
+
+<Image
+  src={FindIcon}
+  alt="Illustration of error message and validation handling in best form react lib"
+  className="rounded-lg"
+/>
+
+Now you're ready to use them!
+
+### Using icons
+
+At this early stage, we only support icons in the submit button. You add it **before** and **after** the button text.
+
+Before the button text:
+
+```jsx
+<Submit label="Submit" PrefixIcon={EnvelopeIcon} />
+```
+
+After the button text:
+
+```jsx
+<Submit label="Submit" SuffixIcon={PlusIcon} />
+```
+
+### Props & Attributes
+
+| Prop       | Type | Default | Description                 |
+| ---------- | ---- | ------- | --------------------------- |
+| PrefixIcon | SVG  | -       | Icon displayed before label |
+| SuffixIcon | SVG  | -       | Icon displayed after label  |
+
+export default ({ children }) => <Layout meta={meta}>{children}</Layout>;
diff --git a/apps/formbricks-com/pages/docs/react-form-library/input-submit/index.mdx b/apps/formbricks-com/pages/docs/react-form-library/input-submit/index.mdx
index 4d8a4f56c3..c9449ff19e 100644
--- a/apps/formbricks-com/pages/docs/react-form-library/input-submit/index.mdx
+++ b/apps/formbricks-com/pages/docs/react-form-library/input-submit/index.mdx
@@ -9,11 +9,19 @@ export const meta = {
 The submit button component is very straight forward:
 
 ```jsx
-<Submit label="Submit" />
+<Submit name="submit" label="Submit" />
 ```
 
 To keep it working make sure that there is **only one Submit button** per form.
 
+### Adding an icon
+
+You can add icons **before and after** the button text:
+
+```jsx
+<Submit label="Submit" PrefixIcon={BeakerIcon} SuffixIcon={BeakerIcon} />
+```
+
 ### Props & Attributes
 
 | Prop       | Type | Default | Description                 |
diff --git a/apps/formbricks-com/pages/docs/react-form-library/introduction/index.mdx b/apps/formbricks-com/pages/docs/react-form-library/introduction/index.mdx
index 5702797145..b32fad298c 100644
--- a/apps/formbricks-com/pages/docs/react-form-library/introduction/index.mdx
+++ b/apps/formbricks-com/pages/docs/react-form-library/introduction/index.mdx
@@ -4,16 +4,14 @@ import Image from "next/image";
 import StyleClasses from "./sampleform.png";
 
 export const meta = {
-  title: "React Form Library",
+  title: "Building React forms just got easy",
 };
 
-## Building React forms has never been quicker.
-
 Every developer works with forms, few like their experience. Building Forms, especially in React, can be pretty annoying. State management, validation, form components, accessibility, internationalization and performance are all things you have to deal with, but don't really want to.
 
-We make building - and maintaining - forms easier than ever in the React world.
+We make building - and maintaining - forms easier than ever in the world of React.
 
-### Formbricks React Example:
+### Example
 
 ```jsx
 import { Form, Text, Email, Checkbox, Submit } from "@formbricks/react";
@@ -52,7 +50,7 @@ export default function WaitlistForm() {
 
 ### Why is this easier already?
 
-- One easy to use syntax for input types including labels, validation and help texts
+- One easy to use syntax for all input types
 - HTML & non-HTML input types available out of the box
 - Easily maintainable with component-based approach
 - All characteristics adjustable via props
@@ -64,8 +62,12 @@ export default function WaitlistForm() {
 - Multi-page forms
 - Accessibility
 - Internationalization
-- Form Templates
+- Form Templates (content & styles)
 
-The Formbricks React Library uses [React Hook Form](https://react-hook-form.com/) to benefit from their easy to use data handling and performance optimizations. The easy to use approach was inspired by the [FormKit for Vue.js](https://formkit.com/) Library.
+### Shoutout
+
+The Formbricks React Library is built on top of [React Hook Form](https://react-hook-form.com/) to make from their data handling and performance optimizations.
+
+The developer experience is inspired by the great [FormKit for Vue.js](https://formkit.com/) Library.
 
 export default ({ children }) => <Layout meta={meta}>{children}</Layout>;
diff --git a/apps/formbricks-com/pages/docs/react-form-library/style-tailwind/index.mdx b/apps/formbricks-com/pages/docs/react-form-library/style-tailwind/index.mdx
index eb1f647311..58d6eb3912 100644
--- a/apps/formbricks-com/pages/docs/react-form-library/style-tailwind/index.mdx
+++ b/apps/formbricks-com/pages/docs/react-form-library/style-tailwind/index.mdx
@@ -16,16 +16,19 @@ We love Tailwind! This is why Formbricks React natively supports Tailwind. All y
 
 Here are all the props you can use to extend the styling of the different form elements:
 
-| CSS class           | Prop              | Content                                             |
-| ------------------- | ----------------- | --------------------------------------------------- |
-| formbricks-form     | formClassName     | The wrapper around the complete form                |
-| formbricks-outer    | outerClassName    | The wrapper around label, input field and help text |
-| formbricks-help     | helpClassName     | The help text                                       |
-| formbricks-wrapper  | wrapperClassName  | The wrapper around the label and the input field    |
-| formbricks-label    | labelClassName    | The label                                           |
-| formbricks-inner    | innerClassName    | The input field                                     |
-| formbricks-input    | inputClassName    | The input                                           |
-| formbricks-message  | messageClassName  | The validation / error message itself               |
-| formbricks-messages | messagesClassName | Wrapper around all error messages                   |
+| CSS class           | Prop              | Content                                                      |
+| ------------------- | ----------------- | ------------------------------------------------------------ |
+| formbricks-form     | formClassName     | The wrapper around the complete form                         |
+| formbricks-outer    | outerClassName    | The wrapper around label, input field and help text          |
+| formbricks-legend   | legendClassName   | The label of the options group (only radio & checkbox input) |
+| formbricks-help     | helpClassName     | The help text                                                |
+| formbricks-options  | optionsClassName  | A wrapper around all options (only radio & checkbox input)   |
+| formbricks-option   | optionClassName   | A wrapper around each option (only radio & checkbox input)   |
+| formbricks-wrapper  | wrapperClassName  | The wrapper around the label and the input field             |
+| formbricks-label    | labelClassName    | The label                                                    |
+| formbricks-inner    | innerClassName    | The input field                                              |
+| formbricks-input    | inputClassName    | The input                                                    |
+| formbricks-message  | messageClassName  | The validation / error message itself                        |
+| formbricks-messages | messagesClassName | Wrapper around all error messages                            |
 
 export default ({ children }) => <Layout meta={meta}>{children}</Layout>;
diff --git a/apps/formbricks-com/pages/docs/react-form-library/validation-errors/index.mdx b/apps/formbricks-com/pages/docs/react-form-library/validation-errors/index.mdx
index 436d50986a..da09002932 100644
--- a/apps/formbricks-com/pages/docs/react-form-library/validation-errors/index.mdx
+++ b/apps/formbricks-com/pages/docs/react-form-library/validation-errors/index.mdx
@@ -12,7 +12,7 @@ Validation prevents users from submitting missing of false data.
 
 To add a validation to your inputs, add the `validation` prop and write the rules in string syntax. Rules are divided by a pipe (`|`), e.g.:
 
-```bash
+```jsx
 <Text name="age" label="What's your age?" validation="required|number|min:0|max:100" />
 ```
 
diff --git a/apps/formbricks-com/pages/docs/react-form-library/work-with-components/index.mdx b/apps/formbricks-com/pages/docs/react-form-library/work-with-components/index.mdx
index f25f61d636..0d668728bf 100644
--- a/apps/formbricks-com/pages/docs/react-form-library/work-with-components/index.mdx
+++ b/apps/formbricks-com/pages/docs/react-form-library/work-with-components/index.mdx
@@ -28,9 +28,16 @@ All imported components will be included in the production build - even when you
 | Component      | Details             | Use                                         |
 | -------------- | ------------------- | ------------------------------------------- |
 | `<Form />`     | Form Wrapper        | Handles the onSubmit action, wraps the form |
+| `<Email />`    | HTML Email Input    | Email input                                 |
+| `<Number />`   | HTML Number Input   | Integer or decimal value                    |
+| `<Password />` | HTML Password Input | Strings of all kind                         |
+| `<Phone />`    | HTML Tel Input      | Phone numbers                               |
+| `<Radio />`    | Radio Buttons       | Single choice                               |
+| `<Search />`   | HTML Search Input   | Search terms                                |
+| `<Submit />`   | Submit Button       | Submits the form                            |
 | `<Text />`     | HTML Text Input     | Single line of text input                   |
 | `<Textarea />` | HTML Textarea Input | Multiple lines of text                      |
-| `<Submit />`   | Submit Button       | Submits the form                            |
+| `<URL />`      | HTML URL Input      | Submits the form                            |
 
 ---
 
@@ -38,13 +45,12 @@ All imported components will be included in the production build - even when you
 
 | Component          | Details                       | Use                     |
 | ------------------ | ----------------------------- | ----------------------- |
-| `<Radio />`        | Radio Buttons                 | Single choice           |
-| `<Checkbox />`     | Checkboxes                    | Multiple choice         |
 | `<Rating />`       | Star-Rating                   | Simple rating in steps  |
 | `<Nps />`          | Nps Score                     | Evaluate experience     |
 | `<Color />`        | Color-Picker                  | Let user choose a color |
 | `<Slider />`       | Slider                        | Stepless rating         |
 | `<Autocomplete />` | Autocomplete possible options | e.g. Tags               |
+| `<Payments />`     | Ready-made Stripe integration | Process Stripe payments |
 
 and many more...