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

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

                        
                        <input type="text" 
                                array="module_activities" 
                                object="5edda7608d5c7a7d656edecd" 
                                key="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