Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Created Alert component aligned with design system #2895

Merged

Conversation

Made1ra
Copy link
Contributor

@Made1ra Made1ra commented Nov 26, 2024

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
Screenshot 2024-11-26 at 21 12 35 Screenshot 2024-11-26 at 21 12 04

@Made1ra Made1ra added Frontend part feature component design system task related to scss design system labels Nov 26, 2024
@Made1ra Made1ra self-assigned this Nov 26, 2024
@Made1ra Made1ra linked an issue Nov 26, 2024 that may be closed by this pull request
@Made1ra Made1ra requested a review from amoutens November 27, 2024 10:19
@Made1ra Made1ra requested review from sandrvvu and luiqor November 27, 2024 16:52
@Made1ra Made1ra force-pushed the feature/2846/create-alert-component-aligned-with-design-system branch from 66f0569 to f905a54 Compare November 28, 2024 09:14
@Made1ra Made1ra merged commit 2e19d6b into develop Nov 28, 2024
9 checks passed
@Made1ra Made1ra deleted the feature/2846/create-alert-component-aligned-with-design-system branch November 28, 2024 09:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

(SP: 3) Create Alert component aligned with design system
4 participants