From c998dbd8d74969612a4028261182e7e8c2e87725 Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Fri, 25 Mar 2022 19:13:35 -0700 Subject: [PATCH] feat(progress-bar): add kind prop --- src/ProgressBar/ProgressBar.svelte | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/ProgressBar/ProgressBar.svelte b/src/ProgressBar/ProgressBar.svelte index f4b388a0..21ab66db 100644 --- a/src/ProgressBar/ProgressBar.svelte +++ b/src/ProgressBar/ProgressBar.svelte @@ -8,6 +8,12 @@ /** Specify the maximum value */ export let max = 100; + /** + * Specify the kind of progress bar + * @type {"default" | "inline" | "indented"} + */ + export let kind = "default"; + /** * Specify the size * @type {"sm" | "md"} @@ -37,6 +43,8 @@ class:bx--progress-bar--indeterminate="{indeterminate}" class:bx--progress-bar--big="{size === 'md'}" class:bx--progress-bar--small="{size === 'sm'}" + class:bx--progress-bar--inline="{kind === 'inline'}" + class:bx--progress-bar--indented="{kind === 'indented'}" {...$$restProps} >