reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Next.js 설치
Private install
Core Concepts
아키텍처
Composition Patterns
Accessibility
Keyboard Patterns
Styling
Theme System
Advanced Patterns
Build & Operate
Skills
AI Integration
CLI (opt surface add)
Dependency Graph
Tools
Canvas Catalog
Theme Builder
Form Builder
Templates
Templates
Releases
Release Notes
Oopt-ui
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

© 2026 reopt-ai. All rights reserved.

ContentTabs

shell

탭 콘텐츠 패널. Tabs primitive 래퍼.

컴포넌트 의존 관계

깊이
▲ USED BY (3)▼ USES (1)workflow-run-historydebug-workspacetest-analyticsContentTabstabs
100%

기본 사용

프로젝트 개요 콘텐츠입니다.

기본 선택 탭 설정

설정 탭이 기본 선택됩니다.

테스트 커버리지

2026년 2월 4일3/3 통과
3성공
0실패
3전체
  • 탭 레이블을 렌더링한다
  • 첫 번째 탭이 기본 선택된다
  • defaultTabId로 초기 탭을 지정할 수 있다

ContentTabs Props

Prop타입기본값설명
tabs*TabDef[]—탭 정의 배열. { id, label, content }
defaultTabIdstring—초기 선택 탭 ID. 미지정 시 첫 탭

Import

tsx
import { ContentTabs } from "@reopt-ai/opt-ui";