Modal overlay

Easy

45 minutes

Submit a solution

Connect your GitHub account to submit a solution

Community solutions

Modal Overlay

Vineeth Prakash

vinnyab28 • 2 months ago

Modal overlay with all additional challenges (React.js)

Please click on this link to refer the code : https://codesandbox.io/p/sandbox/stupefied-einstein-jg6lhp

reactlearner

hashiharis • 2 months ago

Modal overlay basic

created using html, css and javascript

Jatin Panjwani

jatin33 • 2 months ago

Modal Overlay

Created using Vanilla Javascript, HTML and CSS

Maduabuchi Chibuike

Chibuike-web • 4 months ago

Modal Overlay

Created using react

Nikhil Pathak

nikpathak9 • 4 months ago

my modal

Roee Angel

roee030 • 5 months ago

Modal Overlay

Modal overlay in ReactJS

Holmes

HumbleHolmes • 6 months ago

React-js

Modal using React js

Mehak

MehakB7 • 7 months ago

Simple Vanilla JS Solution for Modal overlay

Simple JS solution creating a modal control and overlay.

Kinson Lau

klaunz • 7 months ago

Modal overlay solution

This is my simple solution of modal overlay

James Sevilla Anquillano

semajame • 7 months ago

Modal overlay

Modal overlay using React

Prashant Kumar

Pk9697 • 8 months ago

Modal Vanilla JS

Isidora Trickovic

Is1d0r4 • 8 months ago

Modal overlay Prompt

Modal overlay Prompt. LINK - https://aniketsinha2002.github.io/Javascript-and-API-practices/model-overlay/

Aniket Sinha

aniketsinha2002 • 9 months ago

Modal overlay

utilized simple react useState to handle modal close.

Vinay Kumar Uppala

vinay-kumar-uppala • 9 months ago

Modal overlay

Vanilla JS

Sumati • 10 months ago

Modal Overlay

Rohit Khatri

khatri-rohit • 11 months ago

React w all 3 challenges

utilized useRef to make clicking outside of Modal close the Modal

Emilio da Costa

emiliodacosta • 1 year ago

Modal

create modal with vanillajs

Javohir Hasanov

LazyFrontender • 1 year ago

Modal overlay question

Simple Vanilla JS solution on base question.

Tim Malabuyo

malabooboo • 1 year ago

React Solution

Styling could use some work. I also wasn't sure whether a user was allowed to accept more than one offer, or whether they can only accept only one. I suppose that'd be one of my follow up questions

Joshua Thomas Paul

JoshTPaul • 1 year ago

React Modal overlay

Use react/vite to build Modal overlay. Use html dialog element.

Awais alwaisy

awaisalwaisy • 1 year ago

Modal overlay

Create a dismissible modal overlay. The UI should initially show a 'Show offer' button which, when clicked, displays an overlay resembling the mockup below, including a transparent grey overlay over the background. The modal should be vertically and horizontally centered, and always in the same posi

Penny

penny70463 • 1 year ago

Modal Overlay

**HTML Structure:** - The code consists of a container with a button labeled "Show Offer" and an offerContent section. - The offerContent initially contains a

Nadeem Ahmad

enn-dee • 1 year ago

modal

nice

Shrey tomar

ASHR928 • 2 years ago

Glorfindel31 - first test to modal

glorfindel31

Glorfindel31 • 2 years ago

Simple Basic Modal Overlay

-----------------------

Pranay Dwivedi

pranaydwivedi444 • 2 years ago

React Solution

Modal overlay using react

Ray Liu

CheRayLiu • 2 years ago

React solution

Angela

angelawonggggg • 2 years ago

Modal overlay

Modal overlay solution with react

karen

vkaren • 3 years ago

ModalOverlay

idk

Maninder Singh

braeniac • 3 years ago

Modal overlay

Modal overlay using Vanilla JS

Anjali Asha Jacob

anjaliasha123 • 3 years ago

Simple Vanilla JS Modal overlay

Shaikh Imran

imran-mind • 3 years ago

Vanilla React solution, first two extra challenges done

Vanilla React solution, first two extra challenges done, can easily add more offers.

Arian Joyandeh

kanarian • 3 years ago

Modal Overlay

ReactJs

Doan Tuan Linh

TerminatorxxD • 3 years ago

Modal Overlay

Modal overlay with on escape closes the modal

Mehul Satardekar

mehulsatardekar • 3 years ago

Modal Overlay - JS - easy

Js solution.

Chris

IntrinsicInnovation • 3 years ago

Simple React modal overlay

Simple React solution

cxs7700

cxs7700 • 3 years ago

Modal overlay

sadhika yezzu

sadhikay • 3 years ago

Modal Overlay

javascript based modal Overlay

Tuheen

TojhaDeveloper • 3 years ago

Modal overlay

Simple modal overlay in Vanilla JS. ESC key works as well.

Nicole

nxgrizzle • 3 years ago

react

Umut Toker

utoker • 3 years ago

Modal overlay - Vanilla JS

Modal and click manipulation

HYEWON JOO

joo7875 • 3 years ago

Modal Overlay using React

Build a modal control and overlay.

Tarun Singh

tarunsinghdev • 3 years ago

Simple modal overlay

*use template to keep html separate from js *use data attributes instead of classes as we want to keep adding/removing classes if needed and we dont want to tie it to functionality *position fixed for modal and overlay

djSlimCodes • 3 years ago

Modal Overlay

Create a dismissible modal overlay.

Xin Chen

xchen1778 • 3 years ago