mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-22 05:03:44 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(number-input): set initial value

Browse source
This commit is contained in:
Eric Liu 2022-01-27 07:57:45 -08:00
commit 5c3e91c2a5
1 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

26
docs/src/pages/components/NumberInput.svx
View file

@ -9,11 +9,15 @@ components: ["NumberInput", "NumberInputSkeleton"]
### Default ### Default
<NumberInput label="Clusters" /> This component requires a numerical value for `value`.
See [#no-value](#no-value) to allow for an empty value.
<NumberInput label="Clusters" value={0} />
### With helper text ### With helper text
<NumberInput label="Clusters" helperText="Clusters provisioned in your region" /> <NumberInput label="Clusters" value={0} helperText="Clusters provisioned in your region" />
### Minimum and maximum values ### Minimum and maximum values
@ -29,39 +33,39 @@ Set `value` to `null` to denote "no value."
### Hidden label ### Hidden label
<NumberInput hideLabel label="Clusters" /> <NumberInput hideLabel label="Clusters" value={0} />
### Hidden steppers ### Hidden steppers
<NumberInput hideSteppers label="Clusters" /> <NumberInput hideSteppers label="Clusters" value={0} />
### Light variant ### Light variant
<NumberInput light label="Clusters" /> <NumberInput light label="Clusters" value={0} />
### Read-only variant ### Read-only variant
<NumberInput readonly label="Clusters" /> <NumberInput readonly label="Clusters" value={0} />
### Extra-large size ### Extra-large size
<NumberInput size="xl" label="Clusters" /> <NumberInput size="xl" label="Clusters" value={0} />
### Small size ### Small size
<NumberInput size="sm" label="Clusters" /> <NumberInput size="sm" label="Clusters" value={0} />
### Invalid state ### Invalid state
<NumberInput invalid invalidText="Invalid value" label="Clusters" /> <NumberInput invalid invalidText="Invalid value" label="Clusters" value={0} />
### Warning state ### Warning state
<NumberInput warn warnText="A high number may impact initial rollout" label="Clusters" value="25" /> <NumberInput warn warnText="A high number may impact initial rollout" label="Clusters" value={25} />
### Disabled state ### Disabled state
<NumberInput disabled label="Clusters" /> <NumberInput disabled label="Clusters" value={0} />
### Skeleton ### Skeleton