+
+
+ setFormData({ ...formData, name: e.target.value })}
+ placeholder="Enter your name..."
+ showClearIcon
+ onClear={() => setFormData({ ...formData, name: '' })}
+ />
+
+
+
+ {
+ setFormData({ ...formData, email: e.target.value })
+ setErrors({ ...errors, email: e.target.value ? !validateEmail(e.target.value) : false })
+ }}
+ placeholder="Enter your email..."
+ destructive={errors.email}
+ showClearIcon
+ onClear={() => {
+ setFormData({ ...formData, email: '' })
+ setErrors({ ...errors, email: false })
+ }}
+ />
+ {errors.email && (
+ Please enter a valid email address
+ )}
+
+
+
+ {
+ setFormData({ ...formData, age: e.target.value })
+ setErrors({ ...errors, age: e.target.value ? Number(e.target.value) < 18 : false })
+ }}
+ placeholder="Enter your age..."
+ destructive={errors.age}
+ unit="years"
+ />
+ {errors.age && (
+ Must be 18 or older
+ )}
+
+
+
+ setFormData({ ...formData, website: e.target.value })}
+ placeholder="https://example.com"
+ showClearIcon
+ onClear={() => setFormData({ ...formData, website: '' })}
+ />
+
+