Element Internals Playground

Explore the ElementInternals API using reusable mixins.

• blk-input & blk-inline-input: Simple custom input elements demonstrating internal messaging and validity control.
• BlkMixinElementInternals: Core mixin to attach ElementInternals to any custom element.
• BlkMixinFormAssociated: Extension of the core mixin enabling form-associated custom elements.
• BlkFormValidationEvent: Custom event for validation state changes.

---

References and related projects:

• Lookwe69 - lit-mixins
• @lit-labs/forms
• Playground
  • adoptedStylesheets
• Webcomponents cg
• Ionic Input Component
• Calcite Input Component
• Material Web Text Field
• PatternFly Text Input
• Custom forms with Web Components and ElementInternals (dev.to)
• Form validation using JavaScript's Constraint Validation API (medium.com)
• MUI Joy UI Input
• ElementInternalsType Explainer (Microsoft Edge)
• Reference Target (Igalia)
• Reference Target Demo (Microsoft Edge)
• Platform-provided behaviors for custom elements (Microsoft Edge)