Skip to content

Commit e29846b

Browse files
Jeffrey Lauwersclaude
andcommitted
docs(alert,note): ontwerprationale neutral variant verduidelijkt
Legt uit waarom Alert geen neutral variant heeft (systeemfeedback heeft altijd een toon) en waarom Note neutral als default heeft (redactioneel geplaatst, visuele nadruk zonder semantisch signaal). Tevens 'Don't use when' in Alert aangevuld: gebruik Note wanneer de content contextgevend is zonder dat het systeem een toestand meldt. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent b03c2dd commit e29846b

File tree

2 files changed

+6
-1
lines changed

2 files changed

+6
-1
lines changed

packages/storybook/src/Alert.docs.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,14 @@ De Alert component toont een prominent bericht op de pagina — bij een succesvo
2121
- Het bericht interactief is (bijv. een link of knop vereist) — gebruik een **Alert** met `children` die een link bevatten, of een **Button** als de actie centraal staat.
2222
- Je een klein inline statuslabel wilt — gebruik een **StatusBadge**.
2323
- Het bericht tijdelijk is en na enkele seconden verdwijnt — gebruik een toast/snackbar patroon (nog niet beschikbaar).
24+
- De content redactioneel of contextgevend is zonder dat het systeem een toestand meldt — gebruik een **Note**.
2425

2526
## Best practices
2627

2728
### Variantkeuze
2829

30+
Een Alert communiceert altijd een toestand die het systeem heeft vastgesteld. Elke variant draagt daarmee een expliciet semantisch signaal: iets is gelukt, mislukt, in behandeling of vereist aandacht. Een neutrale variant ontbreekt bewust — als het systeem iets te melden heeft, is er altijd een toon. Zonder toon is er geen reden voor een Alert.
31+
2932
- **Info** — standaard, voor informatieve berichten zonder urgentie (`"Uw aanvraag wordt verwerkt"`).
3033
- **Positive** — succesberichten na een geslaagde actie (`"Uw gegevens zijn opgeslagen"`).
3134
- **Negative** — fout- of validatieberichten (`"Er zijn fouten opgetreden"`).

packages/storybook/src/Note.docs.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,9 @@ De Note component plaatst extra context of een tip op een opvallende maar niet-u
2525

2626
### Variantkeuze
2727

28-
- **Neutral** — standaard, voor algemene tips en aanvullende context.
28+
Een Note wordt bewust door een ontwerper of ontwikkelaar geplaatst. De variant kies je op basis van de intentie van de boodschap — niet op basis van een systeemtoestand. Wanneer een notitie puur aanvullend of contextgevend is, zonder specifieke lading, dan is **neutral** de juiste keuze: de content krijgt visuele nadruk zonder een semantisch signaal te claimen dat er niet is.
29+
30+
- **Neutral** — standaard, voor aanvullende context of tips zonder specifieke lading.
2931
- **Info** — informatieve berichten die extra aandacht verdienen.
3032
- **Positive** — aanmoediging of bevestiging van een goede keuze.
3133
- **Negative** — kritische aanvulling, risico of fout in context.

0 commit comments

Comments
 (0)