Skip to content
This repository was archived by the owner on Aug 4, 2023. It is now read-only.

Implement a Modal componentΒ #9

@0x000011b

Description

@0x000011b

Summary

We'll need a generic Modal component to handle all sorts of interactions in the UI, so having a preset shared component for this is a good idea.

It should be a horizontally and vertically-centered element that is positioned absolutely and is rendered above everything, including the navbar. It should stop the user from scrolling the content behind it while it's open. Think of something like this, for example.

Implementation suggestions

  • Should be implemented under src/shared/.
  • Probably the only props that will be needed are isVisible (for toggling visibility) and children (for populating the modal's body)
  • Ideally, we won't be using any external libraries for this to avoid bloat.
  • Don't worry too much about styling, as long as it vaguely fits with the rest of the stuff that already exists we can adjust down the line if necessary.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status

    πŸ‘€ In review

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions