02 · Installation
Sheet 02 · Getting started

Installation

Add only the pieces you use with the shadcn CLI. SureUI is built for Base UI, the shadcn default.

Steps
  1. 01

    Add the items you need

    Each brings the confirmation core with it. Skip the dialog and it never lands in your app.

    npx shadcn add @sureui/confirm-button
    npx shadcn add @sureui/type-to-confirm
    npx shadcn add @sureui/confirm-dialog
    npx shadcn add @sureui/undo-toast
  2. 02

    Mount the Toaster, for undo toasts only

    undoToast shows a shadcn toast. Everything else needs no setup.

    import { Toaster } from "@/components/ui/sonner"export default function RootLayout({ children }) {  return (    <html lang="en">      <body>        {children}        <Toaster />      </body>    </html>  )}
© 2026 SureUI · MIT licensed · Built on shadcn/ui