Created Alert component aligned with design system

[Made1ra]

Description:

Implemented a reusable Alert component that meets the design system standards. This component will be used throughout the application to maintain consistency in alert styles, behavior, and accessibility.

Figma

Requirements:

• Styles:

  • Follow design system variables for colors, typography, padding, and other styles.
  • Ensure hover, focus, active, and disabled states are defined according to the design system.
  • Provide a title for the alert.

• Props:

  • variant: Defines type (filled, outlined).
  • label: Provide a label for the Alert.
  • title: Provide a title for the Alert.
  • description: Provide a description for the Alert.
  • severity: Representing different states (success, info, error, warning).
  • icon: Optional prop, have the icon to each severity by default

[sonarcloud[bot]]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
91.7% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud