diff options
| author | taehoon <th.dev91@gmail.com> | 2019-04-04 04:39:16 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-04-17 11:32:49 -0400 |
| commit | 7a8ffcd79bdb5bfd4bd03ba1d9bda8cd00e08f1d (patch) | |
| tree | 01e5151b539aff0eec853aba804377b74b971575 | |
| parent | cf2c411db34953e65c186e214bd9bae44073c881 (diff) | |
support header slot
| -rw-r--r-- | src/components/selectable_list/selectable_list.vue | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/src/components/selectable_list/selectable_list.vue b/src/components/selectable_list/selectable_list.vue index e8c5d09b..6c8c0bf6 100644 --- a/src/components/selectable_list/selectable_list.vue +++ b/src/components/selectable_list/selectable_list.vue @@ -4,6 +4,9 @@ <div class="selectable-list-checkbox-wrapper"> <Checkbox :checked="allSelected" @change="toggleAll" /> </div> + <div class="selectable-list-header-actions"> + <slot name="header" :selected="selected" /> + </div> </div> <List :items="items" :getKey="getKey"> <template slot="item" scope="p"> @@ -38,6 +41,10 @@ display: flex; align-items: center; padding: 0.6em 0; + + &-actions { + flex: 1; + } } &-checkbox-wrapper { |