style: consitent flash messages
This commit is contained in:
parent
b7c93f19cb
commit
ff9f98f8e7
22 changed files with 117 additions and 103 deletions
|
|
@ -286,11 +286,11 @@ Notes:
|
|||
- warning: 6–8s
|
||||
- error: 8–12s (or manual dismiss for critical errors)
|
||||
- **MUST:** Keep a dismiss button for accessibility and user control.
|
||||
- **Status:** Not yet implemented. See [feature-roadmap](docs/feature-roadmap.md) → Flash: Auto-dismiss and consistency.
|
||||
|
||||
### 9.3 Variants + special “email copied”
|
||||
### 9.3 Variants (unified)
|
||||
- Supported semantic variants: `info`, `success`, `warning`, `error`.
|
||||
- **Special case:** clipboard “Email copied” uses a **soft/light blue** tone distinct from normal info.
|
||||
- **MUST:** Model this as `tone="soft"` (or similar prop) on the flash component, not hard-coded colors in views.
|
||||
- **MUST:** Use the same variants for all flash types, : e.g. `success` for copy success, no separate tone or styling. This keeps flash UX consistent across the app.
|
||||
|
||||
### 9.4 Accessibility
|
||||
- Flash must work with screen readers (live region behavior belongs in the flash component implementation).
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue