mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 12:23:02 +00:00
docs(progress-bar): add descriptions
This commit is contained in:
parent
d355cda0ff
commit
5eda2690ec
1 changed files with 6 additions and 0 deletions
|
@ -17,6 +17,8 @@ Specify `size="sm"` to use the small variant.
|
||||||
|
|
||||||
### Percentage
|
### Percentage
|
||||||
|
|
||||||
|
Specify a `value` for the progress bar to be determinate.
|
||||||
|
|
||||||
<ProgressBar value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
|
<ProgressBar value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
|
||||||
|
|
||||||
### Custom max value
|
### Custom max value
|
||||||
|
@ -27,6 +29,10 @@ The default `max` value is `100`.
|
||||||
|
|
||||||
### Hidden label
|
### Hidden label
|
||||||
|
|
||||||
|
It's recommended that you provide a `labelText` for accessibility.
|
||||||
|
|
||||||
|
Use `hideLabel` to visually hide the label text.
|
||||||
|
|
||||||
<ProgressBar hideLabel value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
|
<ProgressBar hideLabel value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
|
||||||
|
|
||||||
### UX example
|
### UX example
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue