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

Layoutopt-shell example

Bottom Bar

Sticky bottom action bar for bulk actions and commit flows.

stickybulk-actionsfooter
bun add @reopt-ai/opt-shell @reopt-ai/opt-ui

APIs used

ShellProviderShellBottomBar

Live preview

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

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

Install and import

Related docs

Install

bun add @reopt-ai/opt-shell @reopt-ai/opt-ui

Import

import { ShellProvider, ShellBottomBar } from "@reopt-ai/opt-shell";

Related Examples

opt-shell

Completeness Score

Examples

Score harness compliance across layout, recipe, adapter, state, design, scaffold, and a11y categories.

opt-shell

Coverage Report

Examples

Add uncovered routes to a sample rollout plan and watch coverage, recipe totals, and uncovered paths update together.

opt-shell

Dashboard Workspace

Examples

Starter dashboard recipe with workspace chrome and section framing.

PreviousNavigation ShellNextFlyout Aside