reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
Overview205Core74Shells99Blocks32
FeatureFlagPanel
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

FeatureFlagPanel

Shell

Manage feature toggles, environment badges, and rollout percentages.

workflow
Related docs
bun add @reopt-ai/opt-ui
Install and import
bash
bun add @reopt-ai/opt-ui
tsx
import { FeatureFlagPanel } from "@reopt-ai/opt-ui";

Live preview

Change the width and theme, then interact with the components.

100%
Dark ModeEnable dark theme for all users
Enabled
developmentstagingproduction
Rollout %
New DashboardRedesigned analytics dashboard
Disabled
developmentstagingproduction
Rollout %

FeatureFlagPanel

PropTypeDefaultDescription
flagsRequiredFeatureFlag[]—피처 플래그 목록
onToggleRequired(flagId: string, enabled: boolean) => void—토글 콜백
onRolloutChange(flagId: string, percentage: number) => void—롤아웃 % 변경 콜백
environmentsRequiredstring[]—전체 환경 목록
classNamestring—커스텀 CSS 클래스

컴포넌트 의존 관계

깊이
▼ USES (3)FeatureFlagPanelswitchbadgenumber-input
View test results

테스트 커버리지

2026년 7월 9일1/1 통과
1성공
0실패
1전체
  • 플래그 이름을 표시한다

Related components

opt-ui

DeploymentTimeline

Shells

Follow deployment stages on a timeline with Composite keyboard navigation.

opt-ui

TaskList

Shells

Manage tasks with priorities, statuses, assignees, tags, and subtasks.

opt-ui

ActivityFeed

Shells

Read activity and logs in a timeline with relative timestamps.

opt-ui

WorkflowCanvas

Shells

Arrange workflow steps on grid cells with SVG connections and keyboard movement.

opt-ui

AuditLog

Shells

Read audit events in a timeline with avatars, action text, and metadata badges.

opt-ui

AuditTimeline

Shells

Review change history with action colors and expandable diffs.

PreviousWebhookConfigNextDataImportWizard