Skip to content

feat(toast):add position prop to toast#187

Open
gitpush-gitpaid wants to merge 3 commits intocloudflare:mainfrom
gitpush-gitpaid:feat/toast-position
Open

feat(toast):add position prop to toast#187
gitpush-gitpaid wants to merge 3 commits intocloudflare:mainfrom
gitpush-gitpaid:feat/toast-position

Conversation

@gitpush-gitpaid
Copy link

Summary

Add configurable positioning to the Toast component

Changes

  • Add position prop to Toast component
  • Defaults with bottom-right position
  • Supported positions:
    • top-left
    • top-center
    • top-right
    • bottom-left
    • bottom-center
    • bottom-right (default)

Notes

Existing behavior if no position is set

Example

558576824-fd800d67-1253-4d9e-85c3-b148cdd7d787

@gitpush-gitpaid gitpush-gitpaid changed the title (feat):toast-position feat(toast):add position prop to toast Mar 5, 2026
@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 17, 2026

npm i https://pkg.pr.new/@cloudflare/kumo@187

commit: 0e5aef6

@github-actions
Copy link
Contributor

Docs Preview

View docs preview

Commit: 0e5aef6

Copy link
Collaborator

@Brayden Brayden left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

At the bottom of the Astro docs page for Toast we need to add information on the position prop for Toasty :)

@github-actions
Copy link
Contributor

Visual Regression Report

11 screenshot(s) with visual changes:

Toast / Title and Description

54,562 px (1.51%) changed

Before After Diff
Before After Diff

Toast / Title Only

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Description Only

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Success Action

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Multiple Toasts

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Error Variant

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Warning Variant

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Custom Content

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Action Buttons

0 px (0%) changed

Before After Diff
Before After Diff

Toast / Promise

0 px (0%) changed

Before After Diff
Before After Diff

Toast (Open)

187 px (0%) changed

Before After Diff
Before After Diff

Generated by Kumo Visual Regression

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants