Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

[Project - Onboarding]: Implement dummy Confetti component #10

Closed
Tracked by #22558
valentinpalkovic opened this issue May 26, 2023 · 0 comments · Fixed by #7
Closed
Tracked by #22558

[Project - Onboarding]: Implement dummy Confetti component #10

valentinpalkovic opened this issue May 26, 2023 · 0 comments · Fixed by #7
Assignees

Comments

@valentinpalkovic
Copy link
Contributor

valentinpalkovic commented May 26, 2023

Implement React Component: Confetti component

Objective:

The objective of this issue is to create a new React component named Confetti. It will use https://www.npmjs.com/package/react-confetti to animate some confettis on the screen.

Component Requirements:

2. Behaviors:

  • The confetti rain can be put randomly on the screen
  • When set to active, the confetti rain should be triggered. Setting active=false will stop producing new confetti. Already produced confetti should remain until it falls from the screen.
  • Use the default confetti provided by react-confetti. We will use our own shapes in a separate ticket.

3. Design (DRAFT):

image

Acceptance Criteria:

  • The component is implemented according to the requirements described above, or an existing component is taken that fulfills the requirements.
  • The component passes all defined test cases and has Stories displaying its states
  • You should not implement any complex CSS styles! The design is still a work in progress. The component will be finalized design-wise in a separate ticket. Make sure that the properties and the behaviors are implemented accordingly.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

1 participant