mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 11:36:36 +00:00
docs(slider): add hidden text input, invalid, disabled examples
This commit is contained in:
parent
5c14cde605
commit
a63f8911c4
1 changed files with 12 additions and 0 deletions
|
@ -11,6 +11,10 @@ components: ["Slider", "SliderSkeleton"]
|
||||||
|
|
||||||
<Slider />
|
<Slider />
|
||||||
|
|
||||||
|
### Hidden text input
|
||||||
|
|
||||||
|
<Slider hideTextInput />
|
||||||
|
|
||||||
### Custom minimum, maximum values
|
### Custom minimum, maximum values
|
||||||
|
|
||||||
<Slider labelText="Runtime memory (MB)" min={10} max={990} maxLabel="990 MB" value={100} />
|
<Slider labelText="Runtime memory (MB)" min={10} max={990} maxLabel="990 MB" value={100} />
|
||||||
|
@ -23,6 +27,14 @@ components: ["Slider", "SliderSkeleton"]
|
||||||
|
|
||||||
<Slider light labelText="Runtime memory (MB)" min={10} max={990} maxLabel="990 MB" value={100} step={10} />
|
<Slider light labelText="Runtime memory (MB)" min={10} max={990} maxLabel="990 MB" value={100} step={10} />
|
||||||
|
|
||||||
|
### Invalid state
|
||||||
|
|
||||||
|
<Slider invalid labelText="Runtime memory (MB)" min={10} max={990} maxLabel="990 MB" value={100} step={10} />
|
||||||
|
|
||||||
|
### Disabled state
|
||||||
|
|
||||||
|
<Slider disabled labelText="Runtime memory (MB)" min={10} max={990} maxLabel="990 MB" value={100} step={10} />
|
||||||
|
|
||||||
### Skeleton
|
### Skeleton
|
||||||
|
|
||||||
<SliderSkeleton />
|
<SliderSkeleton />
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue