K-UIK-UI
Components

Tabs

콘텐츠를 탭으로 구분하여 전환할 수 있습니다.

Preview

새로운 민원을 접수할 수 있습니다.

<Tabs defaultValue="tab1">
  <TabsList>
    <TabsTrigger value="tab1">탭 1</TabsTrigger>
    <TabsTrigger value="tab2">탭 2</TabsTrigger>
  </TabsList>
  <TabsContent value="tab1">탭 1 내용</TabsContent>
  <TabsContent value="tab2">탭 2 내용</TabsContent>
</Tabs>

Props

Tabs

PropTypeDefaultDescription
defaultValuestring-초기 활성 탭 (필수)
valuestring-제어 모드 값
onValueChange(value: string) => void-탭 변경 핸들러

TabsTrigger / TabsContent

PropTypeDescription
valuestring탭 식별자 (필수)

On this page