Chip
Chip
Ein Chip ist ein kleines interaktives Element, das für eine Eingabe, einen Filter, eine Wahl oder ein entfernbares Element steht. Seine genaue Funktion muss klar sein.
Ein echtes Beispiel
Ein Käufer wählt die Größe M und ‚Auf Lager‘ als Filter aus. Jeder Chip zeigt an, dass er ausgewählt ist, und kann seinen eigenen Filter über Tastatur oder Zeiger entfernen. Ein schreibgeschütztes Kategorielabel ist ein Tag, kein Chip.
Hauptteile
- 01Entitätskennzeichnung
- 02Interaktionszustand
- 03optionaler Entfernungsvorgang
Verwenden Sie es, wenn
Geben Sie zuerst an, ob der Chip eine Eingabe, ein Filter, eine Auswahl oder eine Aktion ist. Dann geben Sie das passende Verhalten an.
Nutze es nicht, wenn
Erfinden Sie keine allgemeine Pillensteuerung, wenn ein Button, ein Kontrollkästchen oder ein Tag die Aktion besser erklärt.
In Code verwendeter Name
button or checkbox semantics in compact form Vor dem Ausliefern
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome: Complete the task with Chip (Chip). User context: Ein Käufer wählt die Größe M und ‚Auf Lager‘ als Filter aus. Jeder Chip zeigt an, dass er ausgewählt ist, und kann seinen eigenen Filter über Tastatur oder Zeiger entfernen. Ein schreibgeschütztes Kategorielabel ist ein Tag, kein Chip. Recommended pattern: Chip (Chip). Why it fits: Geben Sie zuerst an, ob der Chip eine Eingabe, ein Filter, eine Auswahl oder eine Aktion ist. Dann geben Sie das passende Verhalten an. Do not use it when: Erfinden Sie keine allgemeine Pillensteuerung, wenn ein Button, ein Kontrollkästchen oder ein Tag die Aktion besser erklärt. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Es ist offiziell für diese Quelle. Andere Plattformen oder Teams können den Begriff auf andere Weise verwenden. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Chip (Chip) is used now. Definition: Ein Chip ist ein kleines interaktives Element, das für eine Eingabe, einen Filter, eine Wahl oder ein entfernbares Element steht. Seine genaue Funktion muss klar sein. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.