flowbite-svelte 1.10.3 → 1.10.5
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.
- package/dist/modal/Modal.svelte +9 -4
- package/dist/sidebar/Sidebar.svelte +25 -15
- package/dist/sidebar/Sidebar.svelte.d.ts +1 -0
- package/dist/sidebar/SidebarBrand.svelte +1 -1
- package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarButton.svelte +1 -1
- package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarCta.svelte +1 -1
- package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarGroup.svelte +1 -1
- package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarItem.svelte +1 -1
- package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +1 -1
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +1 -1
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/Skeleton.svelte +1 -1
- package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +1 -1
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDial.svelte +1 -1
- package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
- package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
- package/dist/spinner/Spinner.svelte +1 -1
- package/dist/spinner/Spinner.svelte.d.ts +1 -1
- package/dist/stepindicator/StepIndicator.svelte +1 -1
- package/dist/stepindicator/StepIndicator.svelte.d.ts +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
- package/dist/stepper/DetailedStepper.svelte +1 -1
- package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
- package/dist/stepper/ProgressStepper.svelte +1 -1
- package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
- package/dist/stepper/Stepper.svelte +1 -1
- package/dist/stepper/Stepper.svelte.d.ts +1 -1
- package/dist/stepper/TimelineStepper.svelte +1 -1
- package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
- package/dist/stepper/VerticalStepper.svelte +1 -1
- package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
- package/dist/table/Table.svelte +1 -1
- package/dist/table/Table.svelte.d.ts +1 -1
- package/dist/table/TableBody.svelte +1 -1
- package/dist/table/TableBody.svelte.d.ts +1 -1
- package/dist/table/TableBodyCell.svelte +1 -1
- package/dist/table/TableBodyCell.svelte.d.ts +1 -1
- package/dist/table/TableBodyRow.svelte +1 -1
- package/dist/table/TableBodyRow.svelte.d.ts +1 -1
- package/dist/table/TableHead.svelte +1 -1
- package/dist/table/TableHead.svelte.d.ts +1 -1
- package/dist/table/TableHeadCell.svelte +1 -1
- package/dist/table/TableHeadCell.svelte.d.ts +1 -1
- package/dist/table/TableSearch.svelte +1 -1
- package/dist/table/TableSearch.svelte.d.ts +1 -1
- package/dist/tabs/TabItem.svelte +1 -1
- package/dist/tabs/TabItem.svelte.d.ts +1 -1
- package/dist/tabs/Tabs.svelte +1 -1
- package/dist/tabs/Tabs.svelte.d.ts +1 -1
- package/dist/timeline/Activity.svelte +1 -1
- package/dist/timeline/Activity.svelte.d.ts +1 -1
- package/dist/timeline/ActivityItem.svelte +1 -1
- package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
- package/dist/timeline/Group.svelte +1 -1
- package/dist/timeline/Group.svelte.d.ts +1 -1
- package/dist/timeline/GroupItem.svelte +1 -1
- package/dist/timeline/GroupItem.svelte.d.ts +1 -1
- package/dist/timeline/Timeline.svelte +1 -1
- package/dist/timeline/Timeline.svelte.d.ts +1 -1
- package/dist/timeline/TimelineItem.svelte +1 -1
- package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
- package/dist/toast/Toast.svelte +1 -1
- package/dist/toast/Toast.svelte.d.ts +1 -1
- package/dist/tooltip/Tooltip.svelte +1 -1
- package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
- package/dist/types.d.ts +1 -0
- package/dist/typography/anchor/A.svelte +1 -1
- package/dist/typography/anchor/A.svelte.d.ts +1 -1
- package/dist/typography/blockquote/Blockquote.svelte +1 -1
- package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
- package/dist/typography/heading/Heading.svelte +1 -1
- package/dist/typography/heading/Heading.svelte.d.ts +1 -1
- package/dist/typography/hr/Hr.svelte +1 -1
- package/dist/typography/hr/Hr.svelte.d.ts +1 -1
- package/dist/typography/img/EnhancedImg.svelte +1 -1
- package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
- package/dist/typography/img/Img.svelte +1 -1
- package/dist/typography/img/Img.svelte.d.ts +1 -1
- package/dist/typography/layout/Layout.svelte +1 -1
- package/dist/typography/layout/Layout.svelte.d.ts +1 -1
- package/dist/typography/list/Li.svelte +1 -1
- package/dist/typography/list/Li.svelte.d.ts +1 -1
- package/dist/typography/list/List.svelte +1 -1
- package/dist/typography/list/List.svelte.d.ts +1 -1
- package/dist/typography/mark/Mark.svelte +1 -1
- package/dist/typography/mark/Mark.svelte.d.ts +1 -1
- package/dist/typography/paragraph/P.svelte +1 -1
- package/dist/typography/paragraph/P.svelte.d.ts +1 -1
- package/dist/typography/secondary/Secondary.svelte +1 -1
- package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
- package/dist/typography/span/Span.svelte +1 -1
- package/dist/typography/span/Span.svelte.d.ts +1 -1
- package/dist/utils/Arrow.svelte +1 -1
- package/dist/utils/Arrow.svelte.d.ts +1 -1
- package/dist/utils/Popper.svelte +1 -1
- package/dist/utils/Popper.svelte.d.ts +1 -1
- package/dist/video/Video.svelte +1 -1
- package/dist/video/Video.svelte.d.ts +1 -1
- package/package.json +1 -1
package/dist/modal/Modal.svelte
CHANGED
|
@@ -20,6 +20,10 @@
|
|
|
20
20
|
const cancel = (dlg: HTMLDialogElement) => (typeof dlg.requestClose === "function" ? dlg.requestClose() : close());
|
|
21
21
|
|
|
22
22
|
function _oncancel(ev: Event & { currentTarget: HTMLDialogElement }) {
|
|
23
|
+
if (ev.target !== ev.currentTarget) {
|
|
24
|
+
return; // ignore if not on dialog
|
|
25
|
+
}
|
|
26
|
+
|
|
23
27
|
// this event gets called when user canceled the dialog:
|
|
24
28
|
// pressesed ESC key, clicked outside, pressed submit button with no 'value' like close button
|
|
25
29
|
oncancel?.(ev);
|
|
@@ -32,10 +36,11 @@
|
|
|
32
36
|
function _onclick(ev: Event & { currentTarget: HTMLDialogElement }) {
|
|
33
37
|
const dlg: HTMLDialogElement = ev.currentTarget;
|
|
34
38
|
if (outsideclose && ev.target === dlg) {
|
|
35
|
-
cancel(dlg);
|
|
39
|
+
return cancel(dlg);
|
|
36
40
|
}
|
|
41
|
+
|
|
37
42
|
if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {
|
|
38
|
-
close(dlg);
|
|
43
|
+
return close(dlg);
|
|
39
44
|
}
|
|
40
45
|
}
|
|
41
46
|
|
|
@@ -83,7 +88,7 @@
|
|
|
83
88
|
{#if title}
|
|
84
89
|
<h3>{title}</h3>
|
|
85
90
|
{#if dismissable && !permanent}
|
|
86
|
-
<CloseButton type="submit" onclick={close_handler(form)} class={clsx(closeBtnClass)} />
|
|
91
|
+
<CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={clsx(closeBtnClass)} />
|
|
87
92
|
{/if}
|
|
88
93
|
{:else if header}
|
|
89
94
|
{@render header()}
|
|
@@ -99,7 +104,7 @@
|
|
|
99
104
|
</div>
|
|
100
105
|
{/if}
|
|
101
106
|
{#if dismissable && !permanent && !title}
|
|
102
|
-
<CloseButton type="submit" onclick={close_handler(form)} class={cn(closebutton({ class: clsx(closeBtnClass) }), (theme as ModalTheme)?.closebutton)} />
|
|
107
|
+
<CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={cn(closebutton({ class: clsx(closeBtnClass) }), (theme as ModalTheme)?.closebutton)} />
|
|
103
108
|
{/if}
|
|
104
109
|
{/snippet}
|
|
105
110
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
import { getTheme } from "../theme/themeUtils";
|
|
10
10
|
import clsx from "clsx";
|
|
11
11
|
|
|
12
|
-
let { children, isOpen = false, closeSidebar, isSingle = true, breakpoint = "md", alwaysOpen = false, position = "fixed", activateClickOutside = true, backdrop = true, backdropClass, transition = fly, params, divClass, ariaLabel, nonActiveClass, activeClass, activeUrl = "", class: className, ...restProps }: SidebarProps = $props();
|
|
12
|
+
let { children, isOpen = false, closeSidebar, isSingle = true, breakpoint = "md", alwaysOpen = false, position = "fixed", activateClickOutside = true, backdrop = true, backdropClass, transition = fly, params, divClass, ariaLabel, nonActiveClass, activeClass, activeUrl = "", class: className, disableBreakpoints = false, ...restProps }: SidebarProps = $props();
|
|
13
13
|
|
|
14
14
|
const theme = getTheme("sidebar");
|
|
15
15
|
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
let innerWidth: number = $state(-1);
|
|
25
|
-
//
|
|
26
|
-
let isLargeScreen = $derived(alwaysOpen || innerWidth >= breakpointValues[breakpoint]);
|
|
25
|
+
// isLargeScreen should only be true if not disabling breakpoints and it meets the criteria
|
|
26
|
+
let isLargeScreen = $derived(disableBreakpoints ? false : alwaysOpen || innerWidth >= breakpointValues[breakpoint]);
|
|
27
27
|
|
|
28
28
|
const activeUrlStore = writable("");
|
|
29
29
|
setContext("activeUrl", activeUrlStore);
|
|
@@ -31,7 +31,8 @@
|
|
|
31
31
|
activeUrlStore.set(activeUrl);
|
|
32
32
|
});
|
|
33
33
|
|
|
34
|
-
|
|
34
|
+
if (disableBreakpoints) isOpen = true;
|
|
35
|
+
const { base, active, nonactive, div, backdrop: backdropCls } = $derived(sidebar({ isOpen, breakpoint, position, backdrop, alwaysOpen: alwaysOpen && !disableBreakpoints }));
|
|
35
36
|
|
|
36
37
|
let sidebarCtx: SidebarCtxType = {
|
|
37
38
|
get closeSidebar() {
|
|
@@ -58,19 +59,27 @@
|
|
|
58
59
|
|
|
59
60
|
<svelte:window bind:innerWidth />
|
|
60
61
|
|
|
61
|
-
{#if
|
|
62
|
-
{#if isOpen
|
|
63
|
-
{#if
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
62
|
+
{#if !disableBreakpoints}
|
|
63
|
+
{#if isOpen || isLargeScreen}
|
|
64
|
+
{#if isOpen && !alwaysOpen}
|
|
65
|
+
{#if backdrop && activateClickOutside}
|
|
66
|
+
<div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)} onclick={closeSidebar}></div>
|
|
67
|
+
{:else if backdrop && !activateClickOutside}
|
|
68
|
+
<div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)}></div>
|
|
69
|
+
{:else if !backdrop && activateClickOutside}
|
|
70
|
+
<div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full" onclick={closeSidebar}></div>
|
|
71
|
+
{:else if !backdrop && !activateClickOutside}
|
|
72
|
+
<div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full"></div>
|
|
73
|
+
{/if}
|
|
71
74
|
{/if}
|
|
75
|
+
<aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
|
|
76
|
+
<div class={cn(div(), clsx(divClass), (theme as SidebarTheme)?.base)}>
|
|
77
|
+
{@render children()}
|
|
78
|
+
</div>
|
|
79
|
+
</aside>
|
|
72
80
|
{/if}
|
|
73
|
-
|
|
81
|
+
{:else}
|
|
82
|
+
<aside use:trapFocus={isOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
|
|
74
83
|
<div class={cn(div(), clsx(divClass), (theme as SidebarTheme)?.base)}>
|
|
75
84
|
{@render children()}
|
|
76
85
|
</div>
|
|
@@ -101,5 +110,6 @@
|
|
|
101
110
|
@prop activeClass
|
|
102
111
|
@prop activeUrl = ""
|
|
103
112
|
@prop class: className
|
|
113
|
+
@prop disableBreakpoints = false
|
|
104
114
|
@prop ...restProps
|
|
105
115
|
-->
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
@component
|
|
26
26
|
[Go to docs](https://flowbite-svelte.com/)
|
|
27
27
|
## Type
|
|
28
|
-
[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
28
|
+
[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1384)
|
|
29
29
|
## Props
|
|
30
30
|
@prop children
|
|
31
31
|
@prop site
|
|
@@ -2,7 +2,7 @@ import type { SidebarBrandProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1384)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop site
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
@component
|
|
24
24
|
[Go to docs](https://flowbite-svelte.com/)
|
|
25
25
|
## Type
|
|
26
|
-
[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
26
|
+
[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
|
|
27
27
|
## Props
|
|
28
28
|
@prop breakpoint = "md"
|
|
29
29
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { SidebarButtonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop breakpoint = "md"
|
|
8
8
|
* @prop class: className
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
@component
|
|
27
27
|
[Go to docs](https://flowbite-svelte.com/)
|
|
28
28
|
## Type
|
|
29
|
-
[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
29
|
+
[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1371)
|
|
30
30
|
## Props
|
|
31
31
|
@prop children
|
|
32
32
|
@prop icon
|
|
@@ -2,7 +2,7 @@ import type { SidebarCtaProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1371)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop icon
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
@component
|
|
86
86
|
[Go to docs](https://flowbite-svelte.com/)
|
|
87
87
|
## Type
|
|
88
|
-
[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
88
|
+
[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1390)
|
|
89
89
|
## Props
|
|
90
90
|
@prop children
|
|
91
91
|
@prop arrowup
|
|
@@ -2,7 +2,7 @@ import type { SidebarDropdownWrapperProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1390)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop arrowup
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
@component
|
|
14
14
|
[Go to docs](https://flowbite-svelte.com/)
|
|
15
15
|
## Type
|
|
16
|
-
[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
16
|
+
[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1407)
|
|
17
17
|
## Props
|
|
18
18
|
@prop children
|
|
19
19
|
@prop class: className = "space-y-2"
|
|
@@ -2,7 +2,7 @@ import type { SidebarGroupProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1407)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className = "space-y-2"
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
@component
|
|
39
39
|
[Go to docs](https://flowbite-svelte.com/)
|
|
40
40
|
## Type
|
|
41
|
-
[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
41
|
+
[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1413)
|
|
42
42
|
## Props
|
|
43
43
|
@prop icon
|
|
44
44
|
@prop subtext
|
|
@@ -2,7 +2,7 @@ import { type SidebarItemProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1413)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop icon
|
|
8
8
|
* @prop subtext
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
@component
|
|
37
37
|
[Go to docs](https://flowbite-svelte.com/)
|
|
38
38
|
## Type
|
|
39
|
-
[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
39
|
+
[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1425)
|
|
40
40
|
## Props
|
|
41
41
|
@prop size = "sm"
|
|
42
42
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { CardPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1425)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
@component
|
|
42
42
|
[Go to docs](https://flowbite-svelte.com/)
|
|
43
43
|
## Type
|
|
44
|
-
[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
44
|
+
[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1429)
|
|
45
45
|
## Props
|
|
46
46
|
@prop size = "md"
|
|
47
47
|
@prop rounded
|
|
@@ -2,7 +2,7 @@ import type { ImagePlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1429)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "md"
|
|
8
8
|
* @prop rounded
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@component
|
|
33
33
|
[Go to docs](https://flowbite-svelte.com/)
|
|
34
34
|
## Type
|
|
35
|
-
[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
35
|
+
[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1435)
|
|
36
36
|
## Props
|
|
37
37
|
@prop itemNumber = 5
|
|
38
38
|
@prop size = "md"
|
|
@@ -2,7 +2,7 @@ import type { ListPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1435)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop itemNumber = 5
|
|
8
8
|
* @prop size = "md"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
@component
|
|
28
28
|
[Go to docs](https://flowbite-svelte.com/)
|
|
29
29
|
## Type
|
|
30
|
-
[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
30
|
+
[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
|
|
31
31
|
## Props
|
|
32
32
|
@prop size = "sm"
|
|
33
33
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { SkeletonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
@component
|
|
30
30
|
[Go to docs](https://flowbite-svelte.com/)
|
|
31
31
|
## Type
|
|
32
|
-
[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
32
|
+
[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
|
|
33
33
|
## Props
|
|
34
34
|
@prop class: className
|
|
35
35
|
@prop ...restProps
|
|
@@ -2,7 +2,7 @@ import { type TestimonialPlaceholderProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop class: className
|
|
8
8
|
* @prop ...restProps
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
@component
|
|
55
55
|
[Go to docs](https://flowbite-svelte.com/)
|
|
56
56
|
## Type
|
|
57
|
-
[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
57
|
+
[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
|
|
58
58
|
## Props
|
|
59
59
|
@prop size = "sm"
|
|
60
60
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { TextPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
@component
|
|
24
24
|
[Go to docs](https://flowbite-svelte.com/)
|
|
25
25
|
## Type
|
|
26
|
-
[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
26
|
+
[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1451)
|
|
27
27
|
## Props
|
|
28
28
|
@prop size = "sm"
|
|
29
29
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { VideoPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1451)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
@component
|
|
32
32
|
[Go to docs](https://flowbite-svelte.com/)
|
|
33
33
|
## Type
|
|
34
|
-
[WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
34
|
+
[WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
|
|
35
35
|
## Props
|
|
36
36
|
@prop class: className
|
|
37
37
|
-->
|
|
@@ -2,7 +2,7 @@ import { type WidgetPlaceholderProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop class: className
|
|
8
8
|
*/
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@component
|
|
29
29
|
[Go to docs](https://flowbite-svelte.com/)
|
|
30
30
|
## Type
|
|
31
|
-
[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
31
|
+
[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
|
|
32
32
|
## Props
|
|
33
33
|
@prop children
|
|
34
34
|
@prop popperClass
|
|
@@ -2,7 +2,7 @@ import type { SpeedDialProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop popperClass
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
@component
|
|
30
30
|
[Go to docs](https://flowbite-svelte.com/)
|
|
31
31
|
## Type
|
|
32
|
-
[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
32
|
+
[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
|
|
33
33
|
## Props
|
|
34
34
|
@prop children
|
|
35
35
|
@prop name = ""
|
|
@@ -2,7 +2,7 @@ import type { SpeedDialButtonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop name = ""
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
@component
|
|
45
45
|
[Go to docs](https://flowbite-svelte.com/)
|
|
46
46
|
## Type
|
|
47
|
-
[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
47
|
+
[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1485)
|
|
48
48
|
## Props
|
|
49
49
|
@prop children
|
|
50
50
|
@prop name = "Open actions menu"
|
|
@@ -2,7 +2,7 @@ import type { SpeedDialTriggerProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1485)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop name = "Open actions menu"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
@component
|
|
22
22
|
[Go to docs](https://flowbite-svelte.com/)
|
|
23
23
|
## Type
|
|
24
|
-
[SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
24
|
+
[SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1510)
|
|
25
25
|
## Props
|
|
26
26
|
@prop color = "primary"
|
|
27
27
|
@prop size = "8"
|
|
@@ -2,7 +2,7 @@ import type { SpinnerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1510)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop color = "primary"
|
|
8
8
|
* @prop size = "8"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
@component
|
|
54
54
|
[Go to docs](https://flowbite-svelte.com/)
|
|
55
55
|
## Type
|
|
56
|
-
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
56
|
+
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1518)
|
|
57
57
|
## Props
|
|
58
58
|
@prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
59
59
|
@prop currentStep = 1
|
|
@@ -2,7 +2,7 @@ import { type StepIndicatorProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1518)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
8
8
|
* @prop currentStep = 1
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
@component
|
|
56
56
|
[Go to docs](https://flowbite-svelte.com/)
|
|
57
57
|
## Type
|
|
58
|
-
[BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
58
|
+
[BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1598)
|
|
59
59
|
## Props
|
|
60
60
|
@prop children
|
|
61
61
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import { type BreadcrumbStepperProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1598)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
@component
|
|
41
41
|
[Go to docs](https://flowbite-svelte.com/)
|
|
42
42
|
## Type
|
|
43
|
-
[DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
43
|
+
[DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1567)
|
|
44
44
|
## Props
|
|
45
45
|
@prop children
|
|
46
46
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import { type DetailedStepperProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1567)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
@component
|
|
55
55
|
[Go to docs](https://flowbite-svelte.com/)
|
|
56
56
|
## Type
|
|
57
|
-
[ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
57
|
+
[ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1552)
|
|
58
58
|
## Props
|
|
59
59
|
@prop children
|
|
60
60
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import { type ProgressStepperProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1552)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
@component
|
|
63
63
|
[Go to docs](https://flowbite-svelte.com/)
|
|
64
64
|
## Type
|
|
65
|
-
[StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
65
|
+
[StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1540)
|
|
66
66
|
## Props
|
|
67
67
|
@prop children
|
|
68
68
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import { type StepperProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1540)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
@component
|
|
51
51
|
[Go to docs](https://flowbite-svelte.com/)
|
|
52
52
|
## Type
|
|
53
|
-
[TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
53
|
+
[TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1612)
|
|
54
54
|
## Props
|
|
55
55
|
@prop children
|
|
56
56
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import { type TimelineStepperProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1612)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|