Nav
페이지를 벗어나지 않고 동일한 페이지 내에서 섹션 별로 정보를 확인할 때 쓰입니다.Anatomy
네브 아이템 탭을 구성하는 요소를 설명합니다.
Rules of Use
Variaton
경우에 따라 Nav base를 Nav tabs의 기능을 하도록 사용할 수 있습니다.
Import
import { Nav } from '@goorm-dev/vapor-components';Examples
Props
| name | description | default |
|---|---|---|
| card | .card-header-tabs나 .card-header-pills 클래스를 추가합니다. boolean | |
| fill | 네비게이션의 너비를 최대로 채웁니다. boolean | |
| horizontal | 네비게이션을 가로 타입을 선택합니다. centerend | |
| justified | 모든 가로 공간은 탐색 링크가 차지하지만 위의 채우기와 달리 모든 탐색 항목의 너비는 동일합니다. boolean | |
| navbar | 네비게이션 바의 클래스를 추가합니다. boolean | |
| pills | 네비게이션 pill 타입을 선택합니다. boolean | |
| tabs | 네비게이션 tab 타입을 선택합니다. boolean | |
| tag | 네비게이션 태그의 tag 타입을 선택합니다. boolean | |
| vertical | 네비게이션을 세로 타입을 선택합니다. boolean |