diff --git a/README.md b/README.md index 153829b..e362124 100644 --- a/README.md +++ b/README.md @@ -79,47 +79,7 @@ const MyForm = () => ( -- [Examples](#examples) - - [Simple Example](#simple-example) -- [Rendering](#rendering) -- [API](#api) - - [`FieldArray : React.ComponentType`](#fieldarray--reactcomponenttypefieldarrayprops) - - [`version: string`](#version-string) -- [Types](#types) - - [`FieldArrayProps`](#fieldarrayprops) - - [`children?: ((props: FieldArrayRenderProps) => React.Node) | React.Node`](#children-props-fieldarrayrenderprops--reactnode--reactnode) - - [`component?: React.ComponentType`](#component-reactcomponenttypefieldarrayrenderprops) - - [`name: string`](#name-string) - - [`render?: (props: FieldArrayRenderProps) => React.Node`](#render-props-fieldarrayrenderprops--reactnode) - - [`isEqual?: (allPreviousValues: Array, allNewValues: Array) => boolean`](#isequal-allpreviousvalues-arrayany-allnewvalues-arrayany--boolean) - - [`subscription?: FieldSubscription`](#subscription-fieldsubscription) - - [`validate?: (value: ?any[], allValues: Object) => ?any`](#validate-value-any-allvalues-object--any) - - [`FieldArrayRenderProps`](#fieldarrayrenderprops) - - [`fields.forEach: (iterator: (name: string, index: number) => void) => void`](#fieldsforeach-iterator-name-string-index-number--void--void) - - [`fields.insert: (index: number, value: any) => void`](#fieldsinsert-index-number-value-any--void) - - [`fields.map: (iterator: (name: string, index: number) => any) => any[]`](#fieldsmap-iterator-name-string-index-number--any--any) - - [`fields.move: (from: number, to: number) => void`](#fieldsmove-from-number-to-number--void) - - [`fields.name: string`](#fieldsname-string) - - [`fields.pop: () => any`](#fieldspop---any) - - [`fields.push: (value: any) => void`](#fieldspush-value-any--void) - - [`fields.remove: (index: number) => any`](#fieldsremove-index-number--any) - - [`fields.shift: () => any`](#fieldsshift---any) - - [`fields.swap: (indexA: number, indexB: number) => void`](#fieldsswap-indexa-number-indexb-number--void) - - [`fields.update: (index: number, value: any) => void`](#fieldsupdate-index-number-value-any--void) - - [`fields.unshift: (value: any) => void`](#fieldsunshift-value-any--void) - - [`meta.active?: boolean`](#metaactive-boolean) - - [`meta.data: Object`](#metadata-object) - - [`meta.dirty?: boolean`](#metadirty-boolean) - - [`meta.error?: any`](#metaerror-any) - - [`meta.initial?: any`](#metainitial-any) - - [`meta.invalid?: boolean`](#metainvalid-boolean) - - [`meta.pristine?: boolean`](#metapristine-boolean) - - [`meta.submitError?: any`](#metasubmiterror-any) - - [`meta.submitFailed?: boolean`](#metasubmitfailed-boolean) - - [`meta.submitSucceeded?: boolean`](#metasubmitsucceeded-boolean) - - [`meta.touched?: boolean`](#metatouched-boolean) - - [`meta.valid?: boolean`](#metavalid-boolean) - - [`meta.visited?: boolean`](#metavisited-boolean) + @@ -130,6 +90,10 @@ const MyForm = () => ( Demostrates how to use `` to render an array of inputs, as well as use `push`, `pop`, and `remove` mutations. +### [React Beautiful DnD Example](https://codesandbox.io/s/8k0ykyr7z9) + +Demostrates how to integrate the simple example with [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) + ## Rendering There are three ways to tell `` what to render: