daisyui modal component

daisyui에는 모달 대화상자 CSS 컴포넌트를 제공.

modal, modal-box, modal-action 3가지 클래스로 구성.

 <div className="modal modal-open">
   
        <div className="relative modal-box">
          <Title>head</Title>

          <SubTitle className="mt-4">subTitle</SubTitle>

          <div className="absolute top-4 right-4">
            <button className="material-icons">close</button>
          </div>

          <div className="modal-action">
            <button>Accept</button>
            <button>Close</button>

          </div>
        </div>
      </div>