adverse-sapphire
adverse-sapphire12mo ago

Additional Filed in Registration page

Hello, I am in the process of creating a User Registration page and would like to add some extra fields. I am currently using Ant Design. Could someone kindly guide me on how to proceed with this? Thank you.
4 Replies
kapa.ai
kapa.ai12mo ago
Hi @srinivasarajui. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
kapa.ai
kapa.ai12mo ago
---------------------- Hello! To create a User Registration page with extra fields using Ant Design, you can use refine and Ant Design's Form component. Refine uses Ant Design's <Form> components to control and work with form data. You can create your own custom inputs within the <Form.Item> components, allowing you to include your own custom input fields on the form. Here's a general outline of the steps you can follow: 1. Set up your refine project if you haven't already. You can follow the refine documentation (https://refine.dev/docs) for guidance. 2. Create a form using Ant Design's <Form> component. 3. Add the necessary input fields using <Form.Item> components. You can customize these fields according to your needs. For more information on creating custom inputs with Ant Design, you can refer to the Custom Inputs documentation (https://refine.dev/docs/api-reference/antd/components/inputs/custom-inputs/). If you need an example of how to create custom inputs, you can check out this Custom Input example (https://refine.dev/docs/examples/inputs/customInput). Keep in mind that the information provided is based on the extracts given, and there might be more detailed examples and documentation available on the refine and Ant Design websites. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
Overview | refine
What is refine?
kapa.ai
kapa.ai12mo ago
<@659228943206842389> kapa.ai is still learning and improving, please let us how it did by reacting below
conscious-sapphire
conscious-sapphire12mo ago
3. Auth Pages | refine
In this section, we will learn how to create auth pages such as login, signup, forgot password and reset password using the `` component.