[REQUEST] Add Input Validation Error Styles to Input Component

[GustavoSmith]

Feature Request: Add Input Validation Error Styles to Input Component

Summary

The current Input component lacks the visual feedback for validation errors style currently on TiendaNube, making it difficult for users to identify issues with their input. This feature request aims to enhance the user experience by adding distinct error styles to the Input component.

Current Implementation

Currently, the Input component only has a "danger" appearance prop, but it's unable to be selected based on aria-invalid status or any other error on the input itself.

Expected Behavior

The Input component should:

• Display a clear error style when validation fails (e.g., red border, error message).
• Allow developers to customize error styles through props or CSS classes.
• Provide an option to show/hide error messages based on validation state.

All of this, based on the current inplementation on the Tiendanube site.

Use Cases

• Form validation where users need immediate feedback on their input.
• User registration forms that require specific input formats.
• Search fields that validate user input before submission.

Why This Matters

Without proper validation error styles, users may:

• Be unaware of input errors, leading to frustration and poor user experience.
• Submit forms with invalid data, resulting in additional error handling on the server side.
• Experience inconsistency across different forms and applications.

Suggested Implementation

Add support for:

• Error styles (e.g., red border, background color) that can be applied when validation fails.
• An errorMessage prop to display relevant feedback to the user.
• Customization options for error styles through props or CSS classes.

This enhancement would align with best practices in form validation and improve overall usability.

Additional Context

Implementing this feature will significantly enhance the Input component's usability, providing users with immediate feedback and improving the overall user experience in forms.