reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
Overview161Core55Blocks75Pages31
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

© 2026 reopt-ai. All rights reserved.

Explore/페이지/AlertManager

AlertManager

페이지

알림 관리 Surface. DataTable + AlertBuilder 조합.

feedback
관련 문서
npx @reopt-ai/opt-cli surface add alert-manager
100%

기본 사용

Alerts

Data Table

NameFrequencyChannelsStatus
High Error Raterealtimeemail, slackActive
Low ConversionhourlyemailInactive

의존 컴포넌트

shellsdata-tableshellsalert-buildercoreloading-overlaycorebutton

관련 컴포넌트

LoadingOverlay

로딩 오버레이. Spinner + 반투명 배경으로 콘텐츠 위에 로딩 상태를 표시합니다.

피드백인디케이터

AlertBuilder

알림 빌더. 메트릭 조건, 빈도, 채널을 설정하여 알림을 구성합니다.

피드백

Button

접근성 버튼 컴포넌트. 4가지 변형(primary, secondary, ghost, danger), 3가지 크기, 로딩/아이콘 지원.

입력

Alert

알림 메시지 컴포넌트. 4가지 변형(info, success, warning, error), 제목/본문/닫기 버튼 지원.

피드백인디케이터

StatusSelect

색상 인디케이터가 있는 상태 선택 드롭다운.

피드백

DataTable

제네릭 데이터 테이블. 동적 컬럼 정의, Composite 기반 키보드 탐색.

데이터
이전SqlWorkspace다음RetentionAnalysis

기본 사용

콘텐츠 영역

이 영역 위에 로딩 오버레이가 표시됩니다.

Variants

Sizes

States

Loading & Disabled

With Icons

Variants

Information

This is an informational message.

Success

Operation completed successfully.

Warning

Please review before proceeding.

Error

Something went wrong.

Dismissible

닫기 버튼이 있는 Alert

Dismissible Info

Click the X to dismiss this alert.

Dismissible Success

Your changes have been saved.

Without Title

A simple alert without a title.
This action cannot be undone.

기본 사용

색상 커스터마이징

기본 사용

사용자 목록

이름이메일역할상태
김철수kim@example.comAdmin활성
이영희lee@example.comEditor활성
박민수park@example.comViewer비활성
최지은choi@example.comEditor활성
정우성jung@example.comViewer활성

빈 상태

빈 테이블

등록된 사용자가 없습니다