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

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

Browse source 
Fixes #731
This commit is contained in:
Eric Y Liu 2021-07-07 09:44:01 -07:00
commit a2b12dc609
4 changed files with 27 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

3
COMPONENT_INDEX.md
View file

@ -2839,12 +2839,13 @@ None.
### Props ### Props
| Prop name | Kind | Reactive | Type | Default value | Description | | Prop name | Kind | Reactive | Type | Default value | Description |
| :--------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------------- | | :--------- | :--------------- | :------- | :------------------- | ------------------------------------------------ | --------------------------------------------- |
| value | <code>let</code> | No | <code>number</code> | -- | Specify the current value | | value | <code>let</code> | No | <code>number</code> | -- | Specify the current value |
| max | <code>let</code> | No | <code>number</code> | <code>100</code> | Specify the maximum value | | max | <code>let</code> | No | <code>number</code> | <code>100</code> | Specify the maximum value |
| labelText | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text | | labelText | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text |
| hideLabel | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to visually hide the label text | | hideLabel | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to visually hide the label text |
| helperText | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the helper text | | helperText | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the helper text |
| id | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the progress bar element |
### Slots ### Slots

10
docs/src/COMPONENT_API.json
View file

@ -7441,6 +7441,16 @@
"isFunction": false, "isFunction": false,
"constant": false, "constant": false,
"reactive": false "reactive": false
},
{
"name": "id",
"kind": "let",
"description": "Set an id for the progress bar element",
"type": "string",
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"constant": false,
"reactive": false
} }
], ],
"slots": [ "slots": [

4
src/ProgressBar/ProgressBar.svelte
View file

@ -17,7 +17,9 @@
/** Specify the helper text */ /** Specify the helper text */
export let helperText = ""; export let helperText = "";
let id = "ccs-" + Math.random().toString(36); /** Set an id for the progress bar element */
export let id = "ccs-" + Math.random().toString(36);
let helperId = "ccs-" + Math.random().toString(36); let helperId = "ccs-" + Math.random().toString(36);
$: indeterminate = value === undefined; $: indeterminate = value === undefined;

6
types/ProgressBar/ProgressBar.d.ts vendored
View file

@ -31,6 +31,12 @@ export interface ProgressBarProps
* @default "" * @default ""
*/ */
helperText?: string; helperText?: string;
/**
* Set an id for the progress bar element
* @default "ccs-" + Math.random().toString(36)
*/
id?: string;
} }
export default class ProgressBar extends SvelteComponentTyped< export default class ProgressBar extends SvelteComponentTyped<