Resize Handle
Größenhandle
Ein resize handle ist eine sichtbare Stelle an einer Kante oder Ecke. Leute ziehen es, um die Größe von einem Panel, Feld, einer Spalte oder einem Objekt zu ändern.
Drag the handle, or use Left and Right Arrow keys.
Ein echtes Beispiel
Ein geteilter Editor hat einen breiten Trenner zum Greifen. Beide Panels ändern ihre Größe, wenn die Person ihn zieht.
Hauptteile
- 01Sichtbares Etikett
- 02Interaction target
- 03Current state
- 04Keyboard behavior
Verwenden Sie es, wenn
Verwenden Sie es, wenn die Menschen den Raum direkt aufteilen müssen und Sie sinnvolle Größenlimits setzen können.
Nutze es nicht, wenn
Verwende niemals ein winziges Zeichen oder ein unsichtbares Ziel. Größenänderungen brauchen ebenfalls Grenzen und eine Tastaturoption.
In Code verwendeter Name
resize / separator handle 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 Größenhandle (Resize Handle). User context: Ein geteilter Editor hat einen breiten Trenner zum Greifen. Beide Panels ändern ihre Größe, wenn die Person ihn zieht. Recommended pattern: Größenhandle (Resize Handle). Why it fits: Verwenden Sie es, wenn die Menschen den Raum direkt aufteilen müssen und Sie sinnvolle Größenlimits setzen können. Do not use it when: Verwende niemals ein winziges Zeichen oder ein unsichtbares Ziel. Größenänderungen brauchen ebenfalls Grenzen und eine Tastaturoption. 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): Ein formelles Dokument kann trotzdem ein Entwurf, ein Release Candidate oder die finale Version sein. Prüfe seinen Status und die Browser- oder Plattform-Unterstützung. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Größenhandle (Resize Handle) is used now. Definition: Ein resize handle ist eine sichtbare Stelle an einer Kante oder Ecke. Leute ziehen es, um die Größe von einem Panel, Feld, einer Spalte oder einem Objekt zu ändern. 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.