Browse Source
Update registration form layout
Use formatted components instead of all freeform components.pull/1/head
1 changed files with 3 additions and 2 deletions
Unified View
Diff Options
+ 3
- 2
showcases/web-kitchensink-reactnext/src/pages/examples/registration-form/index.tsx
View File
| @@ -1,5 +1,6 @@ | |||||
| import { NextPage } from 'next'; | import { NextPage } from 'next'; | ||||
| import * as Freeform from '@tesseract-design/web-freeform-react'; | import * as Freeform from '@tesseract-design/web-freeform-react'; | ||||
| import * as Formatted from '@tesseract-design/web-formatted-react'; | |||||
| import * as Action from '@tesseract-design/web-action-react'; | import * as Action from '@tesseract-design/web-action-react'; | ||||
| const RegistrationFormPage: NextPage = () => { | const RegistrationFormPage: NextPage = () => { | ||||
| @@ -43,7 +44,7 @@ const RegistrationFormPage: NextPage = () => { | |||||
| /> | /> | ||||
| </div> | </div> | ||||
| <div className="sm:col-span-3"> | <div className="sm:col-span-3"> | ||||
| <Freeform.TextInput | |||||
| <Formatted.EmailInput | |||||
| block | block | ||||
| border | border | ||||
| label="Email" | label="Email" | ||||
| @@ -51,7 +52,7 @@ const RegistrationFormPage: NextPage = () => { | |||||
| /> | /> | ||||
| </div> | </div> | ||||
| <div className="sm:col-span-3"> | <div className="sm:col-span-3"> | ||||
| <Freeform.TextInput | |||||
| <Formatted.UrlInput | |||||
| block | block | ||||
| border | border | ||||
| label="Website" | label="Website" | ||||