reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
Overview161Core55Blocks75Pages31
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.

Explore/Pages/AlertManager

AlertManager

Page

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

feedback
Related docs
npx @reopt-ai/opt-cli surface add alert-manager
100%

기본 사용

Alerts

Data Table

NameFrequencyChannelsStatus
High Error Raterealtimeemail, slackActive
Low ConversionhourlyemailInactive

Dependencies

shellsdata-tableshellsalert-buildercoreloading-overlaycorebutton

Related components

LoadingOverlay

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

FeedbackIndicator

AlertBuilder

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

Feedback

Button

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

Input

Alert

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

FeedbackIndicator

StatusSelect

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

Feedback

DataTable

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

Data
PreviousSqlWorkspaceNextRetentionAnalysis

기본 사용

콘텐츠 영역

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

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활성

빈 상태

빈 테이블

등록된 사용자가 없습니다