TextField
원본: projects/skill-lens/design/components/TextField/README.md
상태: Stable, 접근성 ✓, 다크 ✓, 코드 ✗
입력란: 기본, 포커스, 채움, 오류, 비활성
입력란입니다. 원본은 8판 .lbl과 .inp. 쉬는 상태는 canvas 면, 포커스되면 흰 면과 보라 테.
쓰는 곳
로그인, 회사 정보, 최대인원, 찾기.
구성(화면이 넘겨줄 것)
라벨, 플레이스홀더, 값, 도움말이나 오류 문구, 단위.
규칙
- 라벨은 항상 위, 13 회색 400. 플레이스홀더로 라벨을 대신하지 않습니다.
- 칸 높이 56, 둥글기 12, 안쪽 16, 바탕
canvas, 테 1.5 투명. - 라벨과 칸 사이 6(
space-label), 묶음 사이 20(space-group). 여러 칸은sl-form. - 찾기 칸(
sl-field--search): 높이 40, 앞에 찾기 아이콘. 긴 글(sl-field--area): 최소 88. - 오류는
danger테 + 아래 문구.
접근성
- 포커스 테를 지우지 않습니다. 오류 문구는
aria-describedby로 연결.
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.