SegmentedControl

같은 콘텐츠 영역 내에서 화면의 보기 방식이나 필터를 제어합니다.
주의!
  • SegmentedControl.RootdefaultValue를 지정하지 않으면 첫 번째 아이템이 자동 선택됩니다.
  • SegmentedControl.Itemvalue="" 속성에는 반드시 아이템의 역할을 설명할 수 있는 이름을 사용하세요.

Property


Size

SegmentedControl의 크기를 설정합니다.

Controlled State

SegmentedControl의 선택 상태를 외부에서 제어합니다.

Disabled

SegmentedControl의 비활성 상태를 설정합니다.

Examples


Icon Item

SegmentedControl.IconItem을 이용하여 아이콘만 포함하는 아이템을 사용할 수 있습니다. 이 경우, 각 아이템에 aria-label로 접근 가능한 이름을 제공하거나, 툴팁으로 보조 설명을 추가하는 것을 권장합니다.

Props Table


SegmentedControl.Root

Loading component documentation...

SegmentedControl.RootPrimitive

Loading component documentation...

SegmentedControl.IndicatorPrimitive

Loading component documentation...

SegmentedControl.Item

Loading component documentation...

SegmentedControl.IconItem

Loading component documentation...

On this page