Skip to content

Commit 6208b12

Browse files
committed
Added input and change events
1 parent ab63a9d commit 6208b12

File tree

7 files changed

+379
-171
lines changed

7 files changed

+379
-171
lines changed

README.md

+27-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,6 @@ A number spinner component for Svelte. It's a simple input field with a number t
88
```bash
99
npm install --save svelte-number-spinner
1010
```
11-
or
12-
```bash
13-
yarn add svelte-number-spinner
14-
```
1511

1612
## Usage
1713

@@ -37,7 +33,34 @@ yarn add svelte-number-spinner
3733
| step | Number | 1 | Step |
3834
| decimals | Number | 0 | Number of decimals |
3935
| width | Number | 60 | Width of the component |
36+
| height | Number | 25 | Height of the component |
4037
| customClass | String | undefined | Custom component class |
4138

4239
<br />
4340

41+
## Events
42+
43+
| Event Name | Callback | Description |
44+
| -------------- | ------------------ | ---------------------------------------------------- |
45+
| input | (ev) => ev.detail | Fires when value changes |
46+
| change | (ev) => ev.detail | Fires when value changes, won't fire while typing |
47+
48+
```html
49+
<script>
50+
import NumberSpinner from "svelte-number-spinner";
51+
52+
function handleInput(ev) {
53+
console.log("Value send by input event:", ev.detail);
54+
}
55+
56+
function handleChange(ev) {
57+
console.log("Value send by change event:", ev.detail);
58+
}
59+
</script>
60+
61+
<NumberSpinner on:input="handleInput" on:change="handleChange" ></NumberSpinner>
62+
```
63+
64+
<br />
65+
66+

example/public/build/bundle.css.map

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)