SmoothUI

Basic Modal

A minimal modal dialog with title, sizes, and action content.

Open in v0

Last updated: November 8, 2025

Installation

pnpm dlx shadcn add @smoothui/basic-modal
npx shadcn@latest add @smoothui/basic-modal
yarn dlx shadcn add @smoothui/basic-modal
bunx shadcn add @smoothui/basic-modal

Features

  • Controlled isOpen and onClose props
  • Title slot and fully custom body content
  • Size options for common layouts
  • Focus trap friendly and accessible structure
  • Composable action area

Props

Prop

Type

Basic Dropdown

A simple dropdown menu with label, items, and change callbacks.

Basic Toast

Lightweight toast notifications with types and auto-dismiss.

On this page

Installation
Features
Props

Powered by

lucide.dev
motion.dev
usehooks.com