일반 텍스트

이름·제목처럼 한 줄로 받는 기본 칸이에요.

전화 서식

표시만 꾸미고 저장은 raw

등록번호

사업자·주민/법인을 한 서식으로. 자릿수에 따라 하이픈이 바뀌어요

URL만

공백 제거 · http(s)

링크(표시 텍스트+URL)

조회·목록에는 UrlChip으로 말줄임

숫자

최대 12자리·999억까지

소수점

decimalScale · step

통화

비율

날짜

날짜 범위

일시

일시 범위

단일 선택

다중 선택

다중 선택(list)

presentation=list

상태(톤)

variant=status · menu 기본

상태 다중

구간·체크·스위치

일/주/월처럼 짧게 바꾸는 버튼, 동의 체크, 켜고 끄는 스위치예요.

참조 검색

다른 데이터(조직·사람)를 검색해 연결할 때 써요.

자유 색(hex)

데이터·브랜딩 · 추천 스와치는 hex로 저장

테마 토큰만

constraint=theme · coverTone 키

아이콘

lucide 키 카탈로그

파일 첨부

끌어다 놓거나 눌러 고르면 되고, 실제 업로드는 화면(위젯)에서 이어 받아요.

주요 버튼

강조(저장), 보조(취소), 위험(초기화) 스타일을 상황에 맞게 골라 써요.

여러 줄·리치 텍스트

짧은 메모는 여러 줄 칸, 굵게·링크가 필요하면 리치 텍스트를 써요.

슬라이더

한 값이나 최소~최대 구간을 손가락으로 맞출 때 편해요.

아바타·뱃지

이름 이니셜이나 사진, 새 알림 숫자처럼 목록·헤더에 붙이는 표시예요.

요약 숫자

이번 달 고객 수처럼 큰 숫자와 증감을 한 카드로 보여 줘요.

빈 상태

아직 데이터가 없을 때 안내 문구를 보여 줘요.

상태 표시

진행·완료처럼 색이 있는 상태를 칩·셀·글자+점으로 보여 줘요.

구성원 표시

한 사람 칩과, 여러 명을 겹쳐 보여주는 그룹이 있어요.

별점

숫자는 슬라이더와 같고, 별로 보여 주거나 눌러 바꿀 수 있어요.

파일 칩

첨부된 파일 이름을 표·목록에 올려 보여 줘요.

링크 칩

주소를 짧게 보여 주고, 필요하면 복사할 수 있어요.

예/아니요

체크 결과를 칩이나 ○/- 기호로 보여 줘요. O/X는 문구를 바꿔 쓸 수 있어요.

커버 헤더

색(또는 이미지) 커버와 아이콘·제목을 한 덩어리로 보여 줘요.

진행률

목표 대비 얼마나 왔는지 막대로 보여 줘요. 숫자는 슬라이더로 바꿔 볼 수 있어요.

필드 구역

관련 입력 칸을 제목 아래 한 구역으로 묶어요. 접을 수도 있어요.

문서 목차

긴 글의 소제목을 눌러 해당 위치로 이동해요.

콜아웃

안내·성공·주의·위험 톤으로 짧은 메시지를 강조해요.

토글 블록

제목을 누르면 아래 내용을 접거나 펼쳐요.

체크리스트

할 일을 체크하고, 그룹으로 나눌 수도 있어요.

게시 목록

제목·요약·작성자·배지를 행 또는 카드로 보여 줘요.

게시 본문

제목·메타·본문 HTML과 선택 목차를 한 면에 보여 줘요.

게시 갤러리

본문 첫 이미지나 지정 URL을 썸네일로 보여 줘요. 페이지도 넘길 수 있어요.

상태별 그룹

헤더를 누르면 접히고 펼쳐져요. 표·칸반에도 같은 패턴을 써요.

보기 방식 전환

아이콘을 눌러 같은 데이터를 다른 모습으로 살펴보세요.

함께 표시할 값

칸반·달력·타임라인에 같이 보여줄 정보를 골라 보세요.

칸반

카드를 끌어 상태를 바꾸고, 누르면 상세를 수정해요.

월 달력

일정을 누르면 수정하고, 날짜를 누르면 추가해요. 양 끝을 끌어 기간을 조정할 수 있어요.

타임라인

좌우로 스크롤하면 데이터 밖 날짜도 이어지고, 표 값을 눌러 바로 고칠 수 있어요. '오늘'로 위치를 맞추고 Ctrl(또는 ⌘)+휠로 가로를 조절해요.

필터 패널 · 조건 1개

조건은 왼쪽, 적용은 오른쪽(좁은 화면은 아래)이에요. 버튼을 누르면 위젯이 조회해요.

필터 패널 · 조건 5개

한 줄에 두 칸씩 두고, 마지막 한 칸은 다음 줄에 단독으로 둬요. 글·상태·날짜·금액·여부를 함께 써요.

속성 패널

라벨과 값을 한 줄씩 나열해요. 조회/수정을 켤 수 있어요.

행 상세

값을 누르면 그 칸만 수정해요. 값이 같아도 저장할 수 있어요.

입력용 다중행

조회·수정용

상태별 그룹

같은 상태끼리 묶어 접을 수 있어요. 그룹 모드에서는 페이지 나누기를 쓰지 않아요.

토스트

저장 성공·경고·오류처럼 잠깐 뜨는 알림이에요. 버튼을 눌러 톤별로 확인해 보세요.

툴팁

FieldLabel에는 tooltip만 넣으면 작은 물음표가 생겨요. 페이지 타이틀 옆은 size=lg 또는 inherit로 키울 수 있어요.

아래 칸은 tooltip이 없어서 물음표가 없어요.

검증 후 저장

필수 입력 오류

중복 입력 오류

정적 오류 상태

숫자 오류 상태

날짜 오류 상태

비활성 필드