mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
7fe9b39436Fixes #1421 `NumberInput` should forward the keydown and keyup events like other input components.
27 lines
569 B
Svelte
27 lines
569 B
Svelte
<script lang="ts">
|
|
import { NumberInput, NumberInputSkeleton } from "../types";
|
|
import type { NumberInputProps } from "../types/NumberInput/NumberInput.svelte";
|
|
|
|
let value: NumberInputProps["value"] = null;
|
|
</script>
|
|
|
|
{value}
|
|
|
|
<NumberInput
|
|
disabled
|
|
light
|
|
min="{4}"
|
|
max="{20}"
|
|
value="{4}"
|
|
label="Clusters"
|
|
helperText="Clusters provisioned in your region"
|
|
invalidText="Number must be between 4 and 20."
|
|
on:change="{(e) => {
|
|
console.log(e.detail); // null | number
|
|
}}"
|
|
on:keydown
|
|
on:keyup
|
|
on:paste
|
|
/>
|
|
|
|
<NumberInputSkeleton hideLabel />
|