support header slot
This commit is contained in:
parent
cf2c411db3
commit
7a8ffcd79b
|
@ -4,6 +4,9 @@
|
||||||
<div class="selectable-list-checkbox-wrapper">
|
<div class="selectable-list-checkbox-wrapper">
|
||||||
<Checkbox :checked="allSelected" @change="toggleAll" />
|
<Checkbox :checked="allSelected" @change="toggleAll" />
|
||||||
</div>
|
</div>
|
||||||
|
<div class="selectable-list-header-actions">
|
||||||
|
<slot name="header" :selected="selected" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<List :items="items" :getKey="getKey">
|
<List :items="items" :getKey="getKey">
|
||||||
<template slot="item" scope="p">
|
<template slot="item" scope="p">
|
||||||
|
@ -38,6 +41,10 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.6em 0;
|
padding: 0.6em 0;
|
||||||
|
|
||||||
|
&-actions {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-checkbox-wrapper {
|
&-checkbox-wrapper {
|
||||||
|
|
Loading…
Reference in New Issue