reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

A design system for the AI era

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

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

© 2026 reopt Inc. All rights reserved.

Explore/Shells/FloatingActionBar

FloatingActionBar

Shell

플로팅 액션 바. 선택된 항목에 대한 일괄 작업 버튼을 하단에 표시합니다.

feedback
Related docs
npx @reopt-ai/opt-cli surface add floating-action-bar
100%
3 selected

컴포넌트 의존 관계

깊이
▲ USED BY (1)▼ USES (1)event-catalogFloatingActionBarbutton

테스트 커버리지

2026년 7월 9일4/4 통과
4성공
0실패
4전체
  • 액션 버튼들을 렌더링한다
  • selectedCount를 표시한다
  • 빈 actions에서 null을 반환한다
  • onAction을 호출한다

Related components

StatusSelect

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

Feedback

NotificationToast

토스트 알림 시스템. 포인터/키보드 상호작용 중 자동 닫힘을 일시 정지하고, 중요도별 live region으로 전역 알림을 관리합니다.

Feedback

ConnectionIndicator

연결 상태 표시기. connected, connecting, disconnected, error 상태를 지원합니다.

Feedback

FailureList

실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다.

Feedback

AlertBuilder

알림 빌더. 명시적으로 연결된 폼 레이블로 메트릭 조건, 빈도, 채널을 구성합니다.

Feedback

ConfirmDialog

확인/취소 대화 상자. danger 변형으로 위험 작업 확인을 지원합니다.

Feedback
PreviousConnectionIndicatorNextTemplatePicker

기본 사용

색상 커스터마이징

기본 사용

토스트 위에 포인터를 두거나 닫기 버튼에 포커스하면 남은 자동 닫힘 시간이 일시 정지됩니다. 경고/오류는 assertive, 정보/성공은 polite로 안내됩니다.

ConnectedConnecting...DisconnectedConnection lost
Persistent LakeVolatileRecoveredIdle