mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
e230db8115* chore(deps-dev): upgrade sveld, svelte-check * feat: forward paste event to input/textarea elements * Run "yarn build:docs" * test: assert paste event
25 lines
545 B
Svelte
25 lines
545 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:paste
|
|
/>
|
|
|
|
<NumberInputSkeleton hideLabel />
|