CoCreate-floating-label

A floating label design for inputs, textarea, select and any custom component. Creates beautiful form labels that float over form fields. Add class floating-label to see the magic. Easily configured using HTML5 attributes and/or JavaScript API.

Install

npm i @cocreate/floating-label

Or you can use cdn link:

<script>https://cdn.cocreate.app/floating-label/latest/CoCreate-floating-label.min.js</script>

Usage

This is floating-label usage

<div></div>

This is floating-label usage

This is floating-label usage

Usage

You only need to add "floating-label" into class list to use cocreate-floating-label.

                        
                        <input type="text" 
                                collection="module_activities" 
                                document_id="5edda7608d5c7a7d656edecd" 
                                name="text" 
                                placeholder="Text" 
                                class="floating-label">
                        
                            

This is xxxxx usage

This is xxxxx usage

Attributes

  • floating-label string optional

    floating-label-attribute

  • floating-label string optional

    floating-label-attribute

Demo