GoormNavbar

구름의 랜딩페이지에서 사용되는 Navbar 입니다.
TypescriptWAI-ARIA
Anatomy

네브 드롭다운을 구성하는 요소를 설명합니다.

AnatomyImage
Import
import { GoormNavbar } from '@goorm-dev/vapor-components';
Examples
Props
GoormNavbar
namedescriptiondefault
isOpenedrequired

height:100vh 속성을 줍니다.

bool
setIsOpenedrequired

func
color

테마를 결정합니다.

lightdark
dark
onNavbarState

isTop, isScrollingDown을 패러미터로 넘기며 변화가 생길시 해당 함수를 호출합니다.

func
fluid

string
xl
expand

string
lg
shouldDetectScroll

bool
true
className

string
contentClassName

string
children

node
GoormNavbar.Brand
namedescriptiondefault
children

node
className

string
GoormNavbar.Toggler
namedescriptiondefault
children

node
className

string
GoormNavbar.Collapse
namedescriptiondefault
children

node
className

string
GoormNavbar.NavLink
namedescriptiondefault
children

node
className

string
GoormNavbar.CTAButton
namedescriptiondefault
children

node
className

string