Badge, Chip & Tag — Learning Bundle
Badge, Chip & Tag — Lernpaket
Dieses Lernpaket vergleicht drei Etiketten, die je nach Designsystem variieren. Ein Abzeichen zeigt oft Status oder eine Anzahl an. Ein Tag sortiert Inhalte in eine Gruppe ein. Ein Chip kann interaktiv sein. Das Paket ist kein einheitlicher Komponentenbegriff.
Ein echtes Beispiel
Ein Postfach-Abzeichen zeigt 7 ungelesene Nachrichten. „Recherche“ markiert einen Artikel. Ein Filter-Chip lässt sich entfernen.
Hauptteile
- 01Trigger or task context
- 02Primary control surface
- 03Feedback, focus, and dismissal
Verwenden Sie es, wenn
Überprüfen Sie zuerst die Namen in Ihrem Designsystem. Benennen Sie jede Komponente nach ihrer Bedeutung und Funktion, nicht nur nach ihrer Form.
Nutze es nicht, wenn
Legen Sie niemals eine vollständige Aktion in ein Statusabzeichen, das nur Informationen anzeigen soll.
In Code verwendeter Name
Badge / Tag / Chip Vor dem Ausliefern
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome: Complete the task with Badge, Chip & Tag — Lernpaket (Badge, Chip & Tag — Learning Bundle). User context: Ein Postfach-Abzeichen zeigt 7 ungelesene Nachrichten. „Recherche“ markiert einen Artikel. Ein Filter-Chip lässt sich entfernen. Learning bundle to unpack: Badge, Chip & Tag — Lernpaket (Badge, Chip & Tag — Learning Bundle). Canonical members: Abzeichen (Badge), Chip (Chip), Tag (Tag) Why this comparison helps: Überprüfen Sie zuerst die Namen in Ihrem Designsystem. Benennen Sie jede Komponente nach ihrer Bedeutung und Funktion, nicht nur nach ihrer Form. Do not treat the bundle as one pattern when: Legen Sie niemals eine vollständige Aktion in ein Statusabzeichen, das nur Informationen anzeigen soll. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary): Dies ist kein normativer Standard. Sein Name, seine Grenzen und erwartetes Verhalten können von einer Quelle zur anderen variieren. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Diese Anfrage prüfen
Review how Badge, Chip & Tag — Lernpaket (Badge, Chip & Tag — Learning Bundle) is used now. Definition: Dieses Lernpaket vergleicht drei Etiketten, die je nach Designsystem variieren. Ein Abzeichen zeigt oft Status oder eine Anzahl an. Ein Tag sortiert Inhalte in eine Gruppe ein. Ein Chip kann interaktiv sein. Das Paket ist kein einheitlicher Komponentenbegriff. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.