Toolbar
Toolbar는 관련된 액션을 하나의 영역에 모아 제공하는 컴포넌트입니다. 버튼, 토글, 입력, 구분선 등을 조합할 수 있으며 키보드 내비게이션과 접근성을 지원합니다.주의!
Toolbar.Button에renderprop으로Toggle,IconButton등 다른 컴포넌트를 결합할 수 있습니다.- 스크린 리더 사용자를 위해
Toolbar.Root에aria-label을 지정하세요.
Property
Size
Toolbar의 크기를 지정합니다. 하위의 Toolbar.Button, Toolbar.Input에도 함께 적용됩니다.
Variant
Toolbar의 스타일 변형을 지정합니다.
Disabled
Toolbar 전체를 비활성화합니다. 하위 아이템도 함께 비활성화됩니다.
Examples
Separator
Toolbar.Separator로 관련 있는 아이템 묶음을 시각적으로 구분할 수 있습니다.
Group
Toolbar.Group으로 아이템을 논리적으로 묶어 함께 관리할 수 있습니다. 그룹 단위로 disabled를 지정할 수 있습니다.
Input
Toolbar.Input으로 툴바 안에 텍스트 입력 필드를 배치할 수 있습니다. onValueChange로 입력값 변화를 처리합니다.
Props Table
Toolbar.Root
Loading component documentation...
Toolbar.Group
Loading component documentation...
Toolbar.Button
Loading component documentation...
Toolbar.Input
Loading component documentation...
Toolbar.Separator
Loading component documentation...