Repository navigation
feat: publish sonner toasts - #27
Merged
Merged
Conversation
Unstyled sonner styled with the tokens only (the stock wrapper sets colors through an inline style): frosted surface, p-6 and rounded-surface around 40px action / cancel buttons, title in medium weight, description muted, and status icons in success, destructive, warning and muted. The site mounts a Toaster and shows four kinds. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Portal calls
toast434 times (error 252, success 150, warning 13, loading 8, message 7, info 4).sonner:unstyled: trueplus token classes instead of the stock inlinestyle(whichtokens:checkrejects). Frosted surface like the other overlays,p-6+rounded-surfacearound 40px action / cancel buttons, medium title, muted description. Icons: successtext-success, errortext-destructive, warningtext-warning, info / loading muted. Nonext-themesdependency.<Toaster />in the layout; a 通知 section fires success, error (with a 重試 action), warning and message toasts.Test plan
blur(12px), 24px padding; 重試 button 40px; two toasts stack; no console errors🤖 Generated with Claude Code