--- title: July 2026 - Toast | daily.dev description: A new Toast component has been added to shadcn's Base UI component library, supporting actions, status types, promises, stacking, and swipe-to-dismiss... canonical: https://daily.dev/posts/july-2026---toast-99niwb2ie twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: July 2026 - Toast | daily.dev og:description: A new Toast component has been added to shadcn's Base UI component library, supporting actions, status types, promises, stacking, and swipe-to-dismiss... og:url: https://daily.dev/posts/july-2026---toast-99niwb2ie og:image: https://api.daily.dev/og/posts/99NIWB2ie.png og:image:alt: July 2026 - Toast og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # July 2026 - Toast **[The Foundation for your Design System - shadcn/ui](https://daily.dev/sources/shadcn-ui)** · 1 min read · 0 upvotes · 0 comments ## Summary A new Toast component has been added to shadcn's Base UI component library, supporting actions, status types, promises, stacking, and swipe-to-dismiss behavior. It can be added to a project through the shadcn CLI alongside the existing set of Base UI primitives like Accordion, Dialog, and Tabs. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I add a toast notification component to my shadcn Base UI project? Use the shadcn CLI to add the new Toast component, which is built on Base UI primitives. It supports actions, status types (like success or error), promise-based toasts, stacking multiple toasts, and swipe-to-dismiss gestures, making it suitable for typical notification UI needs without writing custom logic. _Developers wiring up notification UI can follow shadcn component updates like this on daily.dev._ ## Similar posts on daily.dev - [shadcn Brings Conversational Primitives to shadcn/ui with New Chat Components](https://daily.dev/posts/shadcn-brings-conversational-primitives-to-shadcn-ui-with-new-chat-components-kemwvshut) · InfoQ · 0 upvotes · 0 comments - [Building a toast component](https://daily.dev/posts/building-a-toast-component-bfsfq18fw) · Hacker News · 47 upvotes · 3 comments - [Shadcn UI adoption guide: Overview, examples, and alternatives](https://daily.dev/posts/shadcn-ui-adoption-guide-overview-examples-and-alternatives-0pr6z5eli) · LogRocket · 1 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/july-2026---toast-99niwb2ie) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"July 2026 - Toast","url":"https://daily.dev/posts/july-2026---toast-99niwb2ie","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/july-2026---toast-99niwb2ie"},"datePublished":"2026-08-23T12:17:58.100Z","dateModified":"2026-08-23T12:24:17.858Z","description":"A new Toast component has been added to shadcn's Base UI component library, supporting actions, status types, promises, stacking, and swipe-to-dismiss...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/9c0293a7f48659e0569c0a969322dea8?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/9c0293a7f48659e0569c0a969322dea8?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"The Foundation for your Design System - shadcn/ui","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"The Foundation for your Design System - shadcn/ui","logo":"https://media.daily.dev/image/upload/s--GiOq6F7Y--/f_auto,q_auto/v1787487441/logos/shadcn-ui?_a=BAMAMicg0","url":"https://daily.dev/sources/shadcn-ui"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/july-2026---toast-99niwb2ie","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,shadcn","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"The Foundation for your Design System - shadcn/ui","item":"https://daily.dev/sources/shadcn-ui"},{"@type":"ListItem","position":3,"name":"July 2026 - Toast"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/july-2026---toast-99niwb2ie#faq","mainEntity":[{"@type":"Question","name":"How do I add a toast notification component to my shadcn Base UI project?","acceptedAnswer":{"@type":"Answer","text":"Use the shadcn CLI to add the new Toast component, which is built on Base UI primitives. It supports actions, status types (like success or error), promise-based toasts, stacking multiple toasts, and swipe-to-dismiss gestures, making it suitable for typical notification UI needs without writing custom logic. Developers wiring up notification UI can follow shadcn component updates like this on daily.dev."}}]} ```