Nextbase Docs
Nextbase Docs
HomeBlogWelcome to Nextbase v3!Getting Started with NextBaseQuick setup
Dark ModeNProgressShadcn UISonnerTailwind CSS
UI

Sonner

Sonner is a library that provides a toast notification for your application.

Sonner is quite a simple library to use. We chose sonner because it's styling doesn't get in the way and it's easy to use.

Usage

"use client";
import { toast } from "sonner";

function Component() {
  return <button onClick={() => toast("Hello, world!")}>Click me</button>;
}

Shadcn UI

Shadcn UI is a very popular library for building UI components.

Tailwind CSS

Tailwind CSS is a utility-first CSS framework.

On this page

Usage