가운데 정렬 페이지

CenteredPage

로그인이나 첫 안내처럼 가운데 좁은 영역에 담는 화면입니다. 위에 제목, 가운데 입력 카드, 아래에 링크가 놓입니다.

가져오기

tsx
import { CenteredPage } from "@tissue-ui/layout-react";

미리보기

로그인
가운데 좁은 영역에 입력 카드를 놓고, 아래에 링크를 둡니다.
로그인
안내 화면
가입 완료·오류 안내처럼 짧은 메시지와 다음 행동만 담습니다.

가입이 완료됐습니다

이메일로 보낸 링크로 인증을 마치세요.

회원가입
입력 항목이 여러 개인 가운데 정렬 폼.
회원가입

슬롯 (3)

자리마다 넣을 수 있는 요소가 아래에 있습니다. 파란색은 눌러서 컴포넌트 문서로 갈 수 있고, 회색은 실제 컴포넌트가 아니라 직접 만들거나 다른 패키지에서 가져와 채우는 자리입니다.

header머리말선택여러 개layout: space-between
body본문필수여러 개layout: column
footer바닥글선택여러 개layout: row
어떤 자리에 무엇을 넣을 수 있는지는 LAYOUT_MANIFEST 에 정리돼 있습니다. 코드에서 확인하려면 isElementAllowed(아키타입, 슬롯, 요소) 함수를 쓰세요.