feat(switch): allow custom label markup with default slot

stasson · Jan 7, 2018 · e89a618 · e89a618
1 parent 2365895
commit e89a618
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/components/switch/README.md b/components/switch/README.md
@@ -15,6 +15,12 @@ var vm = new Vue({
 })
 ```
 
+> or use default slot for label
+
+```html
+<mdc-switch v-model="checked">{{Label}}</mdc-switch>
+```
+
 ### props
 
 | props | Type | Default | Description |

diff --git a/components/switch/mdc-switch.vue b/components/switch/mdc-switch.vue
@@ -9,7 +9,7 @@
       <div class="mdc-switch__knob"></div>
     </div>
   </div>
-  <label :for="_uid" v-if="label">{{ label }}</label>
+  <label ref="label" :for="_uid"><slot>{{label}}</slot></label>
 </div>
 </template>