Skip to content

This is a showcase of how to use Chakra UI style and still utilize the validation feature of Redwoodjs Form

Notifications You must be signed in to change notification settings

shengr1225/ChakraRWForm

Repository files navigation

README

Welcome to RedwoodJS!

Prerequisites

Start by installing dependencies:

yarn install

Then change into that directory and start the development server:

cd my-redwood-project
yarn redwood dev

Your browser should automatically open to http://localhost:8910 where you'll see the Welcome Page, which links out to a ton of great resources.

Chakra UI Form

  • Using Chakra UI to build a form
  • Using the "as" props to render the form elements as RedwoodJS form elements
  • Using useForm hook to get error status
  • Control the error display by accessing the error status from the hook
  • Use validation just like on a RedwoodJS Form element but actually on a Chakra UI

Showcase

About

This is a showcase of how to use Chakra UI style and still utilize the validation feature of Redwoodjs Form

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published