/shadcn-ui-forms-workshop

A live workshop on building accessible forms with shadcn/ui

Primary LanguageTypeScript

shadcn/ui Forms Workshop

This is a workshop for building forms using:

This is a preview to my course on shadcn/ui: Feel free to check it out!

Usage

npm install
npm run dev

The workshop includes:

  • Creating a Form
  • Using Zod for validation
  • Using React Hook Form for form management
  • Adding shadcn/ui Form and FormFieldcomponents
  • Adding a DatePicker Field
  • Submitting the form
  • Adding Toast indicator after submit
  • Rendering a Table with created events

If you have any questions, you can always reach out to me on Twitter.