reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
Overview205Core74Shells99Blocks32
EventMetaEditor
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.

EventMetaEditor

Shell

Edit event metadata and caller-owned sections in one form with a shared footer save action.

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

Live preview

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

100%
Icon
Color
Tags
webcore
분석 설정
전환 이벤트
전환 이벤트는 퍼널과 어트리뷰션의 목표로 사용할 수 있습니다.

EventMetaEditor

PropTypeDefaultDescription
valueRequiredEventMeta—편집 중인 이벤트 메타데이터
onChangeRequired(meta: EventMeta) => void—메타데이터 변경
iconsIconDef[]—선택 가능한 아이콘
sectionsEventMetaEditorSection[]—기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션
footerReactNode—내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역
classNamestring—추가 CSS 클래스
labelsEventMetaEditorLabels—필드 레이블과 placeholder 문구. iconPlaceholder는 내부 IconPicker로, iconLabelPrefix·iconAriaLabel은 미리보기 EventIcon으로 전달됩니다

EventMetaEditorSection

PropTypeDefaultDescription
idRequiredstring—섹션 키
titleReactNode—섹션 제목
descriptionReactNode—섹션 변경이 미치는 영향 안내
childrenRequiredReactNode—호출자가 소유하는 필드

컴포넌트 의존 관계

깊이
▼ USES (4)EventMetaEditorinputicon-pickercolor-pickertag-input
View test results

테스트 커버리지

2026년 7월 9일3/3 통과
3성공
0실패
3전체
  • 이벤트 이름을 렌더링한다
  • 설명을 렌더링한다
  • 필드와 피커에 접근 가능한 이름을 제공한다

Related components

opt-ui

SettingsForm

Shells

Build settings forms from data with validation, radio buttons, and checkboxes.

opt-ui

AuthForm

Shells

Switch between sign-in and sign-up forms with email and password validation and a remember-me option.

opt-ui

WizardForm

Shells

Guide sequential input with field definitions, per-step validation, an associated progress indicator, and a review step.

opt-ui

DynamicFieldForm

Shells

Add and remove fields at runtime with count limits, individual validation, and dynamic store updates.

opt-ui

FileUploadForm

Shells

Select files with metadata, image previews, size limits, and description input.

opt-ui

KeyValueEditor

Shells

Edit key-value pairs with dynamic rows, secret-value visibility, and validation.

PreviousSqlEditorNextWidgetGrid