All snippets
Validated email field
A form input with a validator, a focus ring and an error: border.
WFormInput(
label: 'Email Address',
placeholder: '[email protected]',
className: '''
p-3 border border-gray-300 rounded-lg
focus:ring-2 focus:ring-blue-500 error:border-red-500
''',
validator: (value) {
if (value == null || value.isEmpty) return 'Email is required';
if (!value.contains('@')) return 'Invalid email address';
return null;
},
)
