폼 페이지

FormPage

내용을 입력하고 저장하는 화면입니다. 위쪽 제목, 가운데 입력 항목들, 아래쪽 저장·취소 버튼으로 구성됩니다.

가져오기

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

미리보기

기본 폼
제목 아래 입력 항목을 쌓고, 하단에 저장·취소 버튼을 둡니다.

프로필 편집

구획을 나눈 폼
긴 폼은 카드로 묶어 구획을 나누면 읽기 쉬워집니다.

새 프로젝트

기본 정보
설정
안내 배너가 있는 폼
본문 위에 공지·주의 배너를 얹어 입력 전 맥락을 전합니다.

비밀번호 변경

주의
변경하면 다른 기기에서 모두 로그아웃됩니다.

슬롯 (3)

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

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