reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Mission
Core Concepts
Core Concepts
Recipes
Adapters
Build & Operate
Agent Contract
Builder Rollout
Builder Manager
Rollout Playbook
Components · Workspaces
ShellPage
ListWorkspace
DetailWorkspace
EditorWorkspace
DashboardWorkspace
LandingWorkspace
Components · Layout
ShellProvider
ShellAppShell
ShellLandingPage
ShellFullscreenToolSurface
Components · Navigation
ShellCollapsibleNav
ShellNavItem
ShellNavGroup
ShellNavAccordion
Components · Panels
ShellResizableLayout
ShellResizeHandle
ShellBottomBar
ShellFlyoutAside
ShellHeaderStackProvider
Components · Helpers
ShellSection
ShellStateBoundary
ShellSpacing
ShellPolicyToggler
Components · Adapters
ShellDataGridAdapter
ShellEditorAdapter
Oopt-shell
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.

ShellBottomBar

harness-panel

하단 액션 바. fixed/sticky/static 위치 모드와 스크린 리더 알림을 지원합니다.

100%
스크롤 가능한 콘텐츠 영역
3개 항목 선택됨

ShellBottomBar Props

Prop타입기본값설명
children*ReactNode—바 콘텐츠
position"fixed" | "sticky" | "static"—위치 모드 (기본 sticky)
announceLabelstring—스크린 리더 알림 텍스트
visibleboolean—바 표시 여부 (기본 true)

Import

tsx
import { ShellBottomBar } from "@reopt-ai/opt-shell";
PreviousShellResizeHandle문서
ShellResizeHandle 페이지로 이동
NextShellFlyoutAside문서