

# Chakra UI Example

Demonstrates how to use [Chakra UI](https://chakra-ui.com) components with React Final Form.

[![Edit react-final-form-chakra-example](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/final-form/react-final-form/tree/master/examples/chakra)


Getting Started

Philosophy

Simple

Record-Level Validation

Field-Level Validation

Submission Errors

🔥High Performance with Subscriptions🔥

Wizard Form

Chakra UI

More...

Examples

`<Form/>`

`<Field/>`

`<FormSpy/>`

`useField()`

`useForm()`

`useFormState()`

`FormProps`

`FormRenderProps`

`FieldProps`

`FieldRenderProps`

`FormSpyProps`

`FormSpyRenderProps`

Types

from Redux Form

Migration from Redux Form

from Formik

Migration from Formik

Migration Guide