Badge, Chip & Tag — Learning Bundle
Insignia, Chip y Etiqueta — Paquete de aprendizaje
Este paquete de aprendizaje compara tres etiquetas que varían según el sistema de diseño. Una insignia a menudo muestra estado o un conteo. Una etiqueta clasifica contenido en un grupo. Un chip puede ser interactivo. El paquete no es un término estándar único de componente.
Un ejemplo real
Un contador en la bandeja de entrada muestra 7 mensajes sin leer. "Investigación" etiqueta un artículo. Se puede quitar una etiqueta de filtro.
Partes principales
- 01Trigger or task context
- 02Primary control surface
- 03Feedback, focus, and dismissal
Úsalo cuando
Primero, verifica los nombres en tu sistema de diseño. Nombra cada componente según su significado y función, no solo por su forma.
No lo uses cuando
Nunca pongas una acción completa dentro de una insignia de estado que solo está destinada a mostrar información.
Nombre usado en código
Badge / Tag / Chip Antes de lanzarlo
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 Insignia, Chip y Etiqueta — Paquete de aprendizaje (Badge, Chip & Tag — Learning Bundle). User context: Un contador en la bandeja de entrada muestra 7 mensajes sin leer. "Investigación" etiqueta un artículo. Se puede quitar una etiqueta de filtro. Learning bundle to unpack: Insignia, Chip y Etiqueta — Paquete de aprendizaje (Badge, Chip & Tag — Learning Bundle). Canonical members: Insignia (Badge), Chip (Chip), Etiqueta (Tag) Why this comparison helps: Primero, verifica los nombres en tu sistema de diseño. Nombra cada componente según su significado y función, no solo por su forma. Do not treat the bundle as one pattern when: Nunca pongas una acción completa dentro de una insignia de estado que solo está destinada a mostrar información. 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): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Revisa esta petición
Review how Insignia, Chip y Etiqueta — Paquete de aprendizaje (Badge, Chip & Tag — Learning Bundle) is used now. Definition: Este paquete de aprendizaje compara tres etiquetas que varían según el sistema de diseño. Una insignia a menudo muestra estado o un conteo. Una etiqueta clasifica contenido en un grupo. Un chip puede ser interactivo. El paquete no es un término estándar único de componente. 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.