Rename always to fixed, add test and docs

Author: bartkozal

README.md

@@ -203,6 +203,16 @@ export default {
 </script>
 ```
 
+Set `:fixed` to `true` to make label permanently active:
+
+```vue
+<template>
+  <float-label fixed>
+    <input type="text" placeholder="Fixed">
+  </float-label>
+</template>
+```
+
 Set `:dispatch` to `false` to disable triggering `input` event
 once the component is mounted:
 

components/FloatLabel.vue

@@ -15,7 +15,7 @@ export default {
       type: Boolean,
       default: true
     },
-    always: {
+    fixed: {
       type: Boolean,
       default: false
     },
@@ -84,7 +84,7 @@ export default {
     },
     classObject () {
       return {
-        'vfl-label-on-input': this.on && (this.isActive || this.always),
+        'vfl-label-on-input': this.on && (this.isActive || this.fixed),
         'vfl-label-on-focus': this.isFocused
       }
     },

demo/Demo.vue

@@ -39,6 +39,10 @@
         </select>
       </float-label>
 
+      <float-label fixed>
+        <input type="text" placeholder="Fixed">
+      </float-label>
+
       <div class="example">
         <float-label>
           <input type="text" placeholder="Website">

test/components/FloatLabel.test.js

@@ -85,5 +85,9 @@ test(':label', () => {
   expect(ctorInput({ label: 'Foobar' }).floatLabel).toEqual('Foobar')
 })
 
+test(':fixed', () => {
+  expect(ctorInput({ fixed: true }).classObject).toMatchObject({ 'vfl-label-on-input': true })
+})
+
 xtest(':on')
 xtest(':dispatch')