# Smart Notify Button

> This SmartNotifyButton component is a flexible, reusable, and developer-friendly notification trigger built with Sonner and React. It allows developers to quickly display toasts with customizable messages, descriptions, types (success, error, info), and optional action buttons like Undo or Retry. The component comes with default props, making it plug-and-play, but also provides full flexibility to adjust toast duration, button style, and position anywhere on the screen (top-right, top-left, bottom-right, bottom-left). By combining a simple API with powerful customization, it transforms standard toast notifications into a smart, interactive, and highly adaptable tool suitable for dashboards, forms, and any developer-facing UI.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: sonner, lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/smart-notify-button

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/smart-notify-button?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt