분할 페이지
SplitPage왼쪽에서 고르면 오른쪽에 자세히 나오는 화면입니다. 왼쪽은 목록, 오른쪽은 고른 항목의 상세입니다.
가져오기
tsx
import { SplitPage } from "@tissue-ui/layout-react";미리보기
메일함
왼쪽 목록에서 고르면 오른쪽에 내용이 나오는 구성.
메일함
받은 편지함
선택한 메일 내용이 여기에 …
설정 화면
왼쪽 설정 메뉴, 오른쪽 선택한 설정의 입력 폼.
설정
알림
대화
왼쪽 대화 목록, 오른쪽 선택한 대화의 메시지.
문의
2김영희
안녕하세요, 환불 요청드립니다.
주문#1024 · ₩48,000
슬롯 (3)
자리마다 넣을 수 있는 요소가 아래에 있습니다. 파란색은 눌러서 컴포넌트 문서로 갈 수 있고, 회색은 실제 컴포넌트가 아니라 직접 만들거나 다른 패키지에서 가져와 채우는 자리입니다.
어떤 자리에 무엇을 넣을 수 있는지는
LAYOUT_MANIFEST 에 정리돼 있습니다. 코드에서 확인하려면 isElementAllowed(아키타입, 슬롯, 요소) 함수를 쓰세요.