보기는 평범한 글자이고 손을 올리거나 포커스가 오면 면과 연필이 나타납니다. 편집은 같은 자리 · 같은 크기의 입력칸이라 줄이 흔들리지 않습니다. 저장 · 취소 단추는 편집 중에만 보입니다. Enter 직후의 blur 가 다시 저장하지 않고, Esc 로 물린 입력칸이 사라지며 나는 blur 가 저장으로 바뀌지 않습니다. 의존성이 없습니다.

import

import { InlineEdit } from "@uyoolabs/ui/ui";

쓰는 곳

한 칸 · 자주 고치는 값(채널 주제 · 프로젝트 이름 · 키 · 대화 이름 · 문서 제목 · 표 셀). 권한이 없으면 readOnly 로 같은 자리에 글자만 둡니다.

쓰지 않는 경우

둘 이상을 같이 고치면 폼 + 저장 바(C-Form)를 씁니다. 보기를 링크처럼 밑줄로 꾸미지 않습니다(이동과 편집이 헷갈립니다). blur 로 조용히 버리지 않습니다. 편집칸 크기를 보기와 다르게 하지 않습니다. 상태 · 담당처럼 ‘고르는 값’은 Select · Combobox 를 셀 자리에 엽니다.

InlineEdit