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
Context
- Target file:
src/components/ToastContainer.tsx
- Use Tailwind fixed-position utility classes for each corner
Description
ToastContaineralways renders toasts in the top-right corner. Contributors should add apositionprop 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
positionprop is accepted with type"top-right" | "top-left" | "bottom-right" | "bottom-left""top-right"Context
src/components/ToastContainer.tsx