[케이테마 v2] K-Tabs 상세 설정

K-Tabs는 관련 정보를 탭으로 나누어 한 영역에서 전환해 보여 줍니다. 항목이 너무 많으면 내용을 찾기 어려우므로 3~6개를 권장합니다.

시작하기 전에

1. K-Tabs 찾고 스타일 선택하기

검색창에 K-Tabs를 입력해 추가합니다. Theme Tab Style에서 테두리·밑줄·채움·둥근 버튼 등 페이지에 맞는 스타일을 고릅니다. Legacy Layout은 기존 호환이 필요할 때만 사용합니다.

2. 활성 탭과 탭 목록 만들기

Active Tab에 처음 열릴 탭 번호를 입력합니다. Tabs 목록에서 Tab Title·Panel Heading·Panel Content를 작성하고 항목 추가로 늘립니다. 활성 탭 번호가 실제 항목 수보다 크지 않게 확인하세요.

3. 탭 항목과 모바일 사용성 확인하기

각 목록 항목을 열어 제목과 내용을 최종 확인합니다. K-Tabs는 별도 스타일 탭 대신 Theme Tab Style로 모양을 정합니다. 모바일에서 탭 제목이 지나치게 좁아지거나 가로로 잘리지 않는지 확인합니다.

W3C 탭 접근성 예제에서 키보드 전환 방식을 확인할 수 있습니다.

완료 확인

기존 테마 사용자

기존 탭 숏코드는 새 K-Tabs와 같은 영역에 함께 두지 않습니다. Legacy Layout은 이전 디자인 재현이 꼭 필요한 복제 페이지에서만 시험하세요.