설명

제품 기능을 네 갈래로 나눠 보여주는 탭 쇼케이스입니다. 왼쪽 탭을 고르면 오른쪽 패널의 이미지, 설명, 체크 목록, 링크가 함께 바뀌며 전환은 라디오 입력과 형제 선택자만으로 처리해 자바스크립트가 전혀 없습니다. 라디오는 sr-only로 숨겼기 때문에 키보드 방향키로도 탭을 옮길 수 있고, fieldset과 legend로 그룹 이름을 제공합니다. 모바일에서는 탭 설명을 감춰 목록을 짧게 유지하고 패널이 아래로 내려갑니다.

변경 이력