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

feat(progress-bar): add size prop

Browse source
This commit is contained in:
Eric Liu 2022-02-26 10:51:07 -08:00
commit 93983f9306
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 size
* @type {"sm" | "md"}
*/
export let size = "md";
/** Specify the label text */ /** Specify the label text */
export let labelText = ""; export let labelText = "";
@ -29,6 +35,8 @@
<div <div
class:bx--progress-bar="{true}" class:bx--progress-bar="{true}"
class:bx--progress-bar--indeterminate="{indeterminate}" class:bx--progress-bar--indeterminate="{indeterminate}"
class:bx--progress-bar--big="{size === 'md'}"
class:bx--progress-bar--small="{size === 'sm'}"
{...$$restProps} {...$$restProps}
> >
<label <label