mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

Export id in ProgressBar, add UX animated progress bar example (#732)

Browse source 
* fix(progress-bar): export id prop #731

Fixes #731

* docs(progress-bar): add UX example
This commit is contained in:
Eric Liu 2021-07-07 10:08:03 -07:00 • committed by GitHub
commit 2d47bcaf1f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 63 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/src/pages/components/ProgressBar.svx
View file

@ -21,4 +21,10 @@ The default `max` value is `100`.
### Hidden label
<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
This example shows how to animate the progress bar from 0 to 100% with start and end states.
<FileSource src="/framed/ProgressBar/ProgressBarUx" />