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.
Description
This pull request addresses the issue of customizing the spacing between toasts in both the default and New York themes of the Toast component.
Changes:
gap
prop to the Toast component.gap
prop.gap
is1rem
to ensure the toasts are spaced out properly by default.Themes Affected:
This allows for better control over the visual layout of multiple toasts on the page without requiring any changes to the component's core code.
Related Issue
How to Test
gap
prop with a custom value to the Toast component (e.g.,gap="2rem"
).Usage
Before
Previously, users could not customize the spacing between toasts. The toasts were rendered with a default, fixed gap.
After