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

feat: upgrade carbon-components to v10.56.0 (#1213)

Browse source 
* chore(deps-dev): upgrade carbon-components to v10.56.0

* feat(progress-bar): add kind prop

* Run "yarn build:docs"

* test(progress-bar): assert kind prop
This commit is contained in:
metonym 2022-03-27 08:27:23 -07:00 • committed by GitHub
commit ade0557448
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 71 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

11
docs/src/COMPONENT_API.json
View file

@ -8260,6 +8260,17 @@
"constant": false,
"reactive": false
},
{
"name": "kind",
"kind": "let",
"description": "Specify the kind of progress bar",
"type": "\"default\" | \"inline\" | \"indented\"",
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
"constant": false,
"reactive": false
},
{
"name": "size",
"kind": "let",

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

@ -35,6 +35,16 @@ Use `hideLabel` to visually hide the label text.
<ProgressBar hideLabel value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
### Inline variant
The inline variant visually hides the `helperText`.
<ProgressBar kind="inline" value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
### Indented variant
<ProgressBar kind="indented" 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.