marko-floating-label

This Marko Widget will render the Float Label Pattern for form input text fields. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text.

Note: This is a Marko v3 Widget

Installation

Install this package into the project that wants to utilize these sample custom tags:

npm install marko-floating-label --save

After this package has been installed, the widget exported by this package can then be used within Marko templates found in the parent project:

Usage Examples

<app-floating-label label="Name" />
<app-floating-label label="Email" type="email" />
<app-floating-label label="Password" type="password" />