신한카드
Tab
Tabs는 페이지 내 유사한 정보를 그룹핑하여 콘텐츠를 정리할때 사용합니다.
기본 구조틀
퍼블 리스트로 이동
1.Text area
해당 Tab에 대한 내용을 단일 행에 표시하는 영역입니다. 선택된 Tab의 경우 Bold, Color 등을 통해 강조할 수 있습니다.
2.Selected border
활성 탭과 비활성 탭을 구분하기 위해 다른 색상을 적용할 수 있습니다.
3.Background area
Box type에서 배경 색상을 강조하여 선택된 Tab을 표시하는 영역입니다.
Lv.01_Tabs
Lv.02_Tabs
Lv.03_Tabs
Lv.04_Tabs
Tabs는 페이지 내 유사한 정보를 그룹핑하여 콘텐츠를 정리할때 사용합니다.
기본 구조틀
퍼블 리스트로 이동
1.Text area
해당 Tab에 대한 내용을 단일 행에 표시하는 영역입니다. 선택된 Tab의 경우 Bold, Color 등을 통해 강조할 수 있습니다.
2.Selected border
활성 탭과 비활성 탭을 구분하기 위해 다른 색상을 적용할 수 있습니다.
3.Background area
Box type에서 배경 색상을 강조하여 선택된 Tab을 표시하는 영역입니다.
Lv.01_Tabs
Lv.02_Tabs
Lv.03_Tabs
Lv.04_Tabs
