Skip to content

Commit ead7049

Browse files
committed
fix(migration-docs): update progress circle docs
1 parent 777dd6b commit ead7049

1 file changed

Lines changed: 9 additions & 1 deletion

File tree

2nd-gen/packages/swc/components/progress-circle/consumer-migration-guide.mdx

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,14 +65,22 @@ import '@adobe/spectrum-wc/progress-circle';
6565

6666
### 2. Replace `indeterminate`
6767

68-
The `indeterminate` boolean attribute has been removed. Omitting the `progress` attribute is now equivalent — the component defaults to indeterminate mode when no `progress` value is set.
68+
The `indeterminate` boolean attribute has been removed. Omitting the `progress` attribute is now equivalent — the component defaults to indeterminate mode when no `progress` value is set. You can also set `progress` to `null` explicitly to return to indeterminate mode after a value has been assigned.
6969

7070
```html
7171
<!-- Before -->
7272
<sp-progress-circle indeterminate label="Loading"></sp-progress-circle>
7373

7474
<!-- After: omit progress entirely -->
7575
<swc-progress-circle label="Loading"></swc-progress-circle>
76+
77+
<!-- After: or set progress to null explicitly (useful when toggling state in JS) -->
78+
<swc-progress-circle label="Loading"></swc-progress-circle>
79+
```
80+
81+
```js
82+
// Return to indeterminate after a value has been set
83+
progressCircle.progress = null;
7684
```
7785

7886
If you set `indeterminate` and `progress` simultaneously in Spectrum 1, remove `indeterminate` and keep `progress` to render a determinate indicator.

0 commit comments

Comments
 (0)