@pajohns/flowbite-svelte 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -13,7 +13,9 @@
|
|
|
13
13
|
animate = false,
|
|
14
14
|
size = "h-2.5",
|
|
15
15
|
labelInside = false,
|
|
16
|
+
labelInsideClass,
|
|
16
17
|
labelOutside = "",
|
|
18
|
+
outsideSpanClass,
|
|
17
19
|
easing = cubicOut,
|
|
18
20
|
color = "primary",
|
|
19
21
|
class: className,
|
|
@@ -50,13 +52,13 @@
|
|
|
50
52
|
|
|
51
53
|
{#if labelOutside}
|
|
52
54
|
<div {...restProps} class={outside({ class: clsx(theme?.outside, classes?.outside) })}>
|
|
53
|
-
<span class={span({ class: clsx(theme?.span, classes?.span) })}>{labelOutside}</span>
|
|
55
|
+
<span class={span({ class: clsx(theme?.span, classes?.span, outsideSpanClass) })}>{labelOutside}</span>
|
|
54
56
|
<span class={progressCls({ class: clsx(theme?.progressCls, classes?.progressCls) })}>{progress}%</span>
|
|
55
57
|
</div>
|
|
56
58
|
{/if}
|
|
57
59
|
<div {...restProps} class={base({ class: clsx(size, theme?.base, className) })}>
|
|
58
60
|
{#if labelInside}
|
|
59
|
-
|
|
61
|
+
<div class={labelInsideCls({ class: clsx(size, theme?.label, classes?.label, labelInsideClass) })} style="width: {_progress.current}%">
|
|
60
62
|
{_progress.current.toFixed(precision)}%
|
|
61
63
|
</div>
|
|
62
64
|
{:else}
|
|
@@ -76,7 +78,9 @@
|
|
|
76
78
|
@prop animate = false
|
|
77
79
|
@prop size = "h-2.5"
|
|
78
80
|
@prop labelInside = false
|
|
81
|
+
@prop labelInsideClass - Custom classes for the label inside the progress bar
|
|
79
82
|
@prop labelOutside = ""
|
|
83
|
+
@prop outsideSpanClass - Custom classes for the outside label span
|
|
80
84
|
@prop easing = cubicOut
|
|
81
85
|
@prop color = "primary"
|
|
82
86
|
@prop class: className
|
|
@@ -10,7 +10,9 @@ import type { ProgressbarProps } from "../types";
|
|
|
10
10
|
* @prop animate = false
|
|
11
11
|
* @prop size = "h-2.5"
|
|
12
12
|
* @prop labelInside = false
|
|
13
|
+
* @prop labelInsideClass - Custom classes for the label inside the progress bar
|
|
13
14
|
* @prop labelOutside = ""
|
|
15
|
+
* @prop outsideSpanClass - Custom classes for the outside label span
|
|
14
16
|
* @prop easing = cubicOut
|
|
15
17
|
* @prop color = "primary"
|
|
16
18
|
* @prop class: className
|
package/dist/types.d.ts
CHANGED
|
@@ -1103,7 +1103,9 @@ export interface ProgressbarProps extends ProgressbarVariants, Omit<HTMLAttribut
|
|
|
1103
1103
|
animate?: boolean;
|
|
1104
1104
|
size?: string;
|
|
1105
1105
|
labelInside?: boolean;
|
|
1106
|
+
labelInsideClass?: string;
|
|
1106
1107
|
labelOutside?: string;
|
|
1108
|
+
outsideSpanClass?: string;
|
|
1107
1109
|
easing?: EasingFunction;
|
|
1108
1110
|
}
|
|
1109
1111
|
export interface ProgressradialProps extends ProgressradialVariants, Omit<HTMLAttributes<HTMLDivElement>, "color"> {
|