Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-15 07:57:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added label prop to toggleswitch

Browse source
This commit is contained in:
Roman Cervantes 2018-11-24 20:47:57 -07:00
parent 3af44f5b27
commit 820d48111f
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/ToggleSwitch/ToggleSwitch.vue
View file

@ -1,5 +1,7 @@
<template lang="html"> <template lang="html">
<span class="toggle-switch"> <span class="toggle-switch">
<p v-if="label">{{ label }}</p>
<input <input
type="checkbox" type="checkbox"
:id="id" :id="id"
@ -15,6 +17,7 @@ export default {
props: { props: {
value: Boolean, value: Boolean,
id: String, id: String,
label: String,
}, },
data() { data() {
@ -43,6 +46,14 @@ export default {
.toggle-switch { .toggle-switch {
display: inline-flex; display: inline-flex;
p {
margin: 0;
font-size: 12px;
display: flex;
align-items: center;
font-weight: bold;
}
input[type=checkbox]{ input[type=checkbox]{
height: 0; height: 0;
width: 0; width: 0;