Skip to content

Commit 3df6693

Browse files
committed
changelog and docs
1 parent ba07174 commit 3df6693

File tree

4 files changed

+35
-0
lines changed

4 files changed

+35
-0
lines changed

CHANGELOG.md

+5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
# svelte-select changelog
22

3+
4+
## 5.5.0
5+
6+
* #564 added named slots `list-prepend` and `list-append` (thanks to @sawyerclick)
7+
38
## 5.4.0
49

510
* #561 added some needed CSS custom properties, `--max-height`,`--value-container-overflow`,`--value-container-padding`, `--indicators-position`, `--indicators-top`, `--indicators-right`, `--indicators-bottom` (thanks to @Edward-Heales)

README.md

+2
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,9 @@ List position and floating is powered by `floating-ui`, see their [package-entry
8484
<div slot="multi-clear-icon" />
8585
<div slot="loading-icon" />
8686
<div slot="chevron-icon" />
87+
<div slot="list-prepend" />
8788
<div slot="list" let:filteredItems />
89+
<div slot="list-append" />
8890
<div slot="item" let:item let:index />
8991
<div slot="required" let:value />
9092
<!-- Remember you can also use `svelte:fragment` to avoid a container DOM element. -->
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<script>
2+
import Select from '$lib/Select.svelte';
3+
4+
let items = [
5+
{ value: 'one', label: 'One' },
6+
{ value: 'two', label: 'Two' },
7+
{ value: 'three', label: 'Three' },
8+
];
9+
</script>
10+
11+
12+
<Select {items} listOpen>
13+
<div slot="list-prepend">* BEFORE *</div>
14+
</Select>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<script>
2+
import Select from '$lib/Select.svelte';
3+
4+
let items = [
5+
{ value: 'one', label: 'One' },
6+
{ value: 'two', label: 'Two' },
7+
{ value: 'three', label: 'Three' },
8+
];
9+
</script>
10+
11+
12+
<Select {items} listOpen>
13+
<div slot="list-append">* AFTER *</div>
14+
</Select>

0 commit comments

Comments
 (0)