diff options
Diffstat (limited to 'src/components/selectable_list/selectable_list.vue')
| -rw-r--r-- | src/components/selectable_list/selectable_list.vue | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/src/components/selectable_list/selectable_list.vue b/src/components/selectable_list/selectable_list.vue index 11853672..2e0671ef 100644 --- a/src/components/selectable_list/selectable_list.vue +++ b/src/components/selectable_list/selectable_list.vue @@ -1,10 +1,22 @@ <template> - <div> - <Checkbox v-model="checked" /> + <div class="selectable-list"> + <div v-for="item in items"> + <Checkbox v-model="checked" /> + <slot name="item" :item="item" /> + </div> + <div class="selectable-list-empty-content faint" v-if="items.length === 0"> + <slot name="empty" /> + </div> </div> </template> -<script src="./selectable_row.js"></script> +<script src="./selectable_list.js"></script> <style lang="scss"> +.selectable-list { + &-empty-content { + text-align: center; + padding: 10px; + } +} </style> |