Dialog | Notion

특성 : open

하위 요소들의 가시성을 나타낸다.

<dialog open>
  <p>여러분 안녕하세요!</p>
</dialog>

특성 : close

하위 요소들의 가시성을 없앤다.

특성 : showmodal

css의 backdrop을 활성화해준다.

dialog::backdrop {
    background: rgba(107, 114, 128, 0.75);
}

특성 : closemodal

modal 닫기