ListRow

원본: projects/skill-lens/design/components/ListRow/README.md

상태: Stable, 접근성 ✓, 다크 ✓, 코드 ✗

목록 행(8판 .jr): 줄 사이 선, 이름 600 + 보조 13, 행 끝 화살표나 링크, 체크 24. 묶음 머리말 두 꼴(보기용 작은 회색, 편집용 굵은 머리말 + 담은 수)

견본만 새 창으로

목록의 한 줄입니다. 원본은 8판 .jl, .jr. 카드 안에 줄 사이 선으로 이어 놓습니다.

쓰는 곳

직무 목록, 스킬셋 목록, 확인 필요 목록, 체크로 고르기.

구성(화면이 넘겨줄 것)

이름, 보조 글(small), (선택) 체크, 행 끝(화살표, 링크, 개수).

규칙

• sl-rows > sl-row: 위아래 12, 칸 사이 16, 줄 사이 1px divider, 마지막 줄은 선 없음. 호버는 배경색만 바뀝니다.
• 이름 14 600, 보조 13 회색(sl-row__main small). 진한 보조 한 줄은 sl-row__note.
• 다른 화면을 여는 행은 행 끝 화살표(sl-row__chev). 행 끝 링크 둘은 sl-row__end(사이 10).
• 폰에서 행 끝 링크는 다음 줄 왼쪽으로 내려갑니다.
• 체크(sl-check): 24, 둥글기 6, 고르면 보라 + 흰 체크, 일부는 연보라 + 막대.
• 묶음 머리말: 보기용 sl-group(13 회색 600), 편집용 sl-group--edit(15 굵은 이름 + 묶음 체크 + 담은 수, 아래 선).
• 렌지 제안 행(sl-row--ai): 렌즈 점 + "렌지가 ~했어요" 한 줄, 행 끝 링크 "맞아요"와 "다른 표준". 누르기 전에는 확정하지 않습니다.

접근성

• 체크박스 24, 테두리 border-strong(3:1 이상).

이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.