Guten Morgen, Auf Discord hatten wir ja schon über @Hörnchen s <toggle-switch> diskutiert. Den gibt es auch als Vorschlag der open-ui: [Switch (Explainer)](https://open-ui.org/components/switch.explainer/) [^1] [^1]: Habe mal nicht nur die proposals, sondern auch alle research-items (Links unten durchsucht. Da gibt's [alert](https://open-ui.org/components/alert.research/), [tag](https://open-ui.org/components/tag/) und [toast](https://open-ui.org/components/toast.research/) - ich muss mehr mit Frameworks arbeiten 😉 Hier gibt's ne Stelle: >*A switch differs from a checkbox because:* > * *It has no indeterminate state* > * *It requires an immediate action, no confirmation is needed for the state to take effect* Also nach button + confirmation + "Web component" gesucht: * <https://github.com/matthewp/inline-confirmation> * [Alert, Confirm, Prompt dialog box (modal) in Web Components ](https://dev.to/takaneichinose/alert-confirm-prompt-dialog-box-modal-in-web-components-1ad2) (dev.to) Der Rest sind Frameworks. Wegen Modal vs. nonmodal hier noch ein Grundlagenartikel: [Modal & Nonmodal Dialogs: When (& When Not) to Use Them)](https://www.nngroup.com/articles/modal-nonmodal-dialog/) (nngroup.com) BTW: dialog.show() öffnet einen ***nichtmodalen*** Dialog, also könnte man auch dieses Element als Teil eines WebComponents verwenden. Also `<conform-dialog inline>` ? :-) Herzliche Grüße Matthias Scharwies -- Die Signatur findet sich auf der Rückseite des Beitrags.

Guten Morgen, Auf Discord hatten wir ja schon über @Hörnchen s <toggle-switch> diskutiert. Den gibt es auch als Vorschlag der open-ui: [Switch (Explainer)](https://open-ui.org/components/switch.explainer/) [^1] [^1]: Habe mal nicht nur die proposals, sondern auch alle research-items (Links unten durchsucht. Da gibt's [alert](https://open-ui.org/components/alert.research/), [tag](https://open-ui.org/components/tag/) und [toast](https://open-ui.org/components/toast.research/) - ich muss mehr mit Frameworks arbeiten 😉 Hier gibt's ne Stelle: >*A switch differs from a checkbox because:* > * *It has no indeterminate state* > * *It requires an immediate action, no confirmation is needed for the state to take effect* Also nach button + confirmation + "Web component" gesucht: * <https://github.com/matthewp/inline-confirmation> Der Rest sind Frameworks. Wegen Modal vs. nonmodal hier noch ein Grundlagenartikel: [Modal & Nonmodal Dialogs: When (& When Not) to Use Them)](https://www.nngroup.com/articles/modal-nonmodal-dialog/) (nngroup.com) BTW: dialog.show() öffnet einen ***nichtmodalen*** Dialog, also könnte man auch dieses Element als Teil eines WebComponents verwenden. Also `<conform-dialog inline>` :-) Herzliche Grüße Matthias Scharwies -- Die Signatur findet sich auf der Rückseite des Beitrags.