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

feat(progress-bar): add kind prop

Browse source
This commit is contained in:
Eric Liu 2022-03-25 19:13:35 -07:00
commit c998dbd8d7
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/ProgressBar/ProgressBar.svelte
View file

@ -8,6 +8,12 @@
/** Specify the maximum value */ /** Specify the maximum value */
export let max = 100; export let max = 100;
/**
* Specify the kind of progress bar
* @type {"default" | "inline" | "indented"}
*/
export let kind = "default";
/** /**
* Specify the size * Specify the size
* @type {"sm" | "md"} * @type {"sm" | "md"}
@ -37,6 +43,8 @@
class:bx--progress-bar--indeterminate="{indeterminate}" class:bx--progress-bar--indeterminate="{indeterminate}"
class:bx--progress-bar--big="{size === 'md'}" class:bx--progress-bar--big="{size === 'md'}"
class:bx--progress-bar--small="{size === 'sm'}" class:bx--progress-bar--small="{size === 'sm'}"
class:bx--progress-bar--inline="{kind === 'inline'}"
class:bx--progress-bar--indented="{kind === 'indented'}"
{...$$restProps} {...$$restProps}
> >
<label <label