모달
안정composite화면 위에 떠서 제목과 내용을 보여주는 팝업 창입니다.
@tissue-ui/layout-react설치
bash
npm install @tissue-ui/layout-reacttsx
import { Modal } from "@tissue-ui/layout-react";언제 쓰나
- 현재 맥락 위에서 집중된 작업이나 확인을 받을 때.
예제
열고 닫기
폼을 담은 모달
본문에 입력 폼을 넣어 작은 작업을 그 자리에서 처리합니다. size 로 너비를 조절합니다.
위험 확인
되돌릴 수 없는 작업은 위험(danger) 버튼으로 한 번 더 확인받습니다.
속성
| 속성 | 타입 | 설명 |
|---|---|---|
| open | boolean | 띄울지 여부입니다. |
| onClose | node | 닫을 때 실행됩니다. |
| title | node | 창 제목입니다. |
| description | string | 제목 아래 설명입니다 (선택). |
| size | sm | md | lg | fullscreen | 창 너비입니다 (기본 보통). |
| children | node | 창 안에 담을 내용입니다. |
위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.
상태
defaultloading
data 속성
data-statedata-busy
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.