Skip to content

ToastContainer: Add configurable position prop (top/bottom, left/right) #676

Description

@Kingsman-99

Description

ToastContainer always renders toasts in the top-right corner. Contributors should add a position prop that accepts "top-right", "top-left", "bottom-right", and "bottom-left", applying the appropriate Tailwind positioning classes so consumers can place the toast stack where it suits their layout.

Acceptance Criteria

  • A position prop is accepted with type "top-right" | "top-left" | "bottom-right" | "bottom-left"
  • The container renders at the correct corner based on the prop value
  • The default position (when prop is omitted) remains "top-right"
  • Existing tests continue to pass

Context

  • Target file: src/components/ToastContainer.tsx
  • Use Tailwind fixed-position utility classes for each corner

Activity

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions