HGN
Harlan Gomes Nascimento

Personal Information Card - Copy this React, Tailwind Component to your project

Form with nome, sobrenome in one section and cpf, rg in other section all field required, all required field must have validator alert to user; field must have "*" in label informing that field is required; Dirty unvalid field must have pink border; invalid message must have alert simbol in end of text; Valid Field must have green border; CPF must use Brazil CPF mask AND Brazilian CPF validator; Confirm button must by disabled if form as invalid;

Prompt
Component Preview

About

PersonalInformationCard - A sleek form featuring two side-by-side cards displaying name, surname, CPF, and RG data, built with React. Copy component code!

Share

Last updated 1 month ago