Add-to-bag confirmation Dialog showing the item just added, the bag subtotal and item count, with View bag and Checkout links. Its open state passes through for a product page to own.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/cart-dialog-01npx shadcn add @01orbital/cart-dialog-01yarn shadcn add @01orbital/cart-dialog-01bunx --bun shadcn add @01orbital/cart-dialog-01Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/store/cart-dialog-01/index.tsx, as source you own and edit.
import CartDialog01 from "@/components/blocks/store/cart-dialog-01"
export default function Example() {
return <CartDialog01 />
}It accepts the props of the Base UI part it wraps.
npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
buttondialoguse-cartCompare
Every Store block side by side: whether it follows the theme or stays dark, the stock parts it is built on, and whether it is free. Open one for its preview, props and install.
Cart Page with Order Summary
Full cart page with line items, quantity steppers, a free-shipping progress bar, an empty state and a sticky order summary with tax and shipping estimates. Client component on useCart.