mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
37 lines
794 B
Svelte
37 lines
794 B
Svelte
<script lang="ts">
|
|
import { NumberInput, NumberInputSkeleton } from "../types";
|
|
</script>
|
|
|
|
<NumberInput label="Clusters" />
|
|
|
|
<NumberInput
|
|
label="Clusters"
|
|
helperText="Clusters provisioned in your region"
|
|
/>
|
|
|
|
<NumberInput
|
|
min="{4}"
|
|
max="{20}"
|
|
value="{4}"
|
|
invalidText="Number must be between 4 and 20."
|
|
helperText="Clusters provisioned in your region"
|
|
label="Clusters (4 min, 20 max)"
|
|
/>
|
|
|
|
<NumberInput hideLabel label="Clusters" />
|
|
|
|
<NumberInput light label="Clusters" />
|
|
|
|
<NumberInput mobile label="Clusters" />
|
|
|
|
<NumberInput size="xl" label="Clusters" />
|
|
|
|
<NumberInput size="sm" label="Clusters" />
|
|
|
|
<NumberInput invalid invalidText="An error occurred" label="Clusters" />
|
|
|
|
<NumberInput disabled label="Clusters" />
|
|
|
|
<NumberInputSkeleton />
|
|
|
|
<NumberInputSkeleton hideLabel />
|