Add Radio Group example

examples/radio-group/README.md

@@ -0,0 +1 @@
+# Formik Radio Group Example

examples/radio-group/index.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Formik, Field, Form } from 'formik';
+
+const Example = () => (
+  <div>
+    <h1>Sign Up</h1>
+    <Formik
+      initialValues={{
+        picked: '',
+      }}
+      onSubmit={async values => {
+        await new Promise(r => setTimeout(r, 500));
+        alert(JSON.stringify(values, null, 2));
+      }}
+    >
+      {({ values }) => (
+        <Form>
+          <div id="my-radio-group">Picked</div>
+          <div role="group" aria-labeledby="my-radio-group">
+            <label>
+              <Field type="radio" name="picked" value="One" />
+              One
+            </label>
+            <label>
+              <Field type="radio" name="picked" value="Two" />
+              Two
+            </label>
+            <div>Picked: {values.picked}</div>
+          </div>
+
+          <button type="submit">Submit</button>
+        </Form>
+      )}
+    </Formik>
+  </div>
+);
+
+ReactDOM.render(<Example />, document.getElementById('root'));

examples/radio-group/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "formik-example-radio-group",
+  "version": "0.1.0",
+  "description": "This example demonstrates how to create a radio group with Formik",
+  "main": "index.js",
+  "dependencies": {
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0",
+    "react-scripts": "3.3.0",
+    "formik": "latest"
+  },
+  "prettier": {
+    "trailingComma": "es5",
+    "singleQuote": true,
+    "semi": true
+  }
+}