flowbite-svelte 1.3.0 → 1.4.0
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/accordion/Accordion.svelte +1 -1
- package/dist/accordion/Accordion.svelte.d.ts +1 -1
- package/dist/accordion/AccordionItem.svelte +1 -1
- package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
- package/dist/alert/Alert.svelte +1 -1
- package/dist/alert/Alert.svelte.d.ts +1 -1
- package/dist/avatar/Avatar.svelte +1 -1
- package/dist/avatar/Avatar.svelte.d.ts +1 -1
- package/dist/badge/Badge.svelte +1 -1
- package/dist/badge/Badge.svelte.d.ts +1 -1
- package/dist/banner/Banner.svelte +1 -1
- package/dist/banner/Banner.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNav.svelte +1 -1
- package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte +1 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavItem.svelte +1 -1
- package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -1
- package/dist/breadcrumb/Breadcrumb.svelte +1 -1
- package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte +1 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
- package/dist/button-group/ButtonGroup.svelte +1 -1
- package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
- package/dist/buttons/Button.svelte +1 -1
- package/dist/buttons/Button.svelte.d.ts +1 -1
- package/dist/buttons/GradientButton.svelte +1 -1
- package/dist/buttons/GradientButton.svelte.d.ts +1 -1
- package/dist/card/Card.svelte +1 -1
- package/dist/card/Card.svelte.d.ts +1 -1
- package/dist/carousel/Carousel.svelte +1 -1
- package/dist/carousel/Carousel.svelte.d.ts +1 -1
- package/dist/carousel/ControlButton.svelte +1 -1
- package/dist/carousel/ControlButton.svelte.d.ts +1 -1
- package/dist/carousel/Controls.svelte +1 -1
- package/dist/carousel/Controls.svelte.d.ts +1 -1
- package/dist/carousel/Indicators.svelte +1 -1
- package/dist/carousel/Indicators.svelte.d.ts +1 -1
- package/dist/carousel/Slide.svelte +1 -1
- package/dist/carousel/Slide.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnail.svelte +1 -1
- package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnails.svelte +1 -1
- package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
- package/dist/chart/Chart.svelte +1 -1
- package/dist/chart/Chart.svelte.d.ts +1 -1
- package/dist/darkmode/DarkMode.svelte +1 -1
- package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
- package/dist/datepicker/Datepicker.svelte +1 -1
- package/dist/datepicker/Datepicker.svelte.d.ts +1 -1
- package/dist/device-mockups/Android.svelte +1 -1
- package/dist/device-mockups/Android.svelte.d.ts +1 -1
- package/dist/device-mockups/DefaultMockup.svelte +1 -1
- package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Desktop.svelte +1 -1
- package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
- package/dist/device-mockups/DeviceMockup.svelte +1 -1
- package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Ios.svelte +1 -1
- package/dist/device-mockups/Ios.svelte.d.ts +1 -1
- package/dist/device-mockups/Laptop.svelte +1 -1
- package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
- package/dist/device-mockups/Smartwatch.svelte +1 -1
- package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
- package/dist/device-mockups/Tablet.svelte +1 -1
- package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
- package/dist/drawer/Drawer.svelte +1 -1
- package/dist/drawer/Drawer.svelte.d.ts +1 -1
- package/dist/drawer/Drawerhead.svelte +1 -1
- package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
- package/dist/dropdown/Dropdown.svelte +1 -1
- package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownDivider.svelte +1 -1
- package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownGroup.svelte +1 -1
- package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownHeader.svelte +1 -1
- package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownItem.svelte +1 -1
- package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
- package/dist/footer/Footer.svelte +1 -1
- package/dist/footer/Footer.svelte.d.ts +1 -1
- package/dist/footer/FooterBrand.svelte +1 -1
- package/dist/footer/FooterBrand.svelte.d.ts +1 -1
- package/dist/footer/FooterCopyright.svelte +1 -1
- package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
- package/dist/footer/FooterIcon.svelte +1 -1
- package/dist/footer/FooterIcon.svelte.d.ts +1 -1
- package/dist/footer/FooterLink.svelte +1 -1
- package/dist/footer/FooterLink.svelte.d.ts +1 -1
- package/dist/footer/FooterLinkGroup.svelte +1 -1
- package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
- package/dist/forms/button-toggle/ButtonToggle.svelte +48 -0
- package/dist/forms/button-toggle/ButtonToggle.svelte.d.ts +14 -0
- package/dist/forms/button-toggle/ButtonToggleGroup.svelte +66 -0
- package/dist/forms/button-toggle/ButtonToggleGroup.svelte.d.ts +4 -0
- package/dist/forms/button-toggle/CheckIcon.svelte +7 -0
- package/dist/forms/button-toggle/CheckIcon.svelte.d.ts +18 -0
- package/dist/forms/button-toggle/button-toggle.txt +25 -0
- package/dist/forms/button-toggle/index.d.ts +4 -0
- package/dist/forms/button-toggle/index.js +4 -0
- package/dist/forms/button-toggle/theme.d.ts +167 -0
- package/dist/forms/button-toggle/theme.js +78 -0
- package/dist/forms/checkbox/CheckboxButton.svelte +1 -1
- package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
- package/dist/forms/dropzone/Dropzone.svelte +1 -1
- package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
- package/dist/forms/fileupload/Fileupload.svelte +1 -1
- package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte +1 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
- package/dist/forms/helper/Helper.svelte +1 -1
- package/dist/forms/helper/Helper.svelte.d.ts +1 -1
- package/dist/forms/input-addon/InputAddon.svelte +1 -1
- package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
- package/dist/forms/input-field/Input.svelte +28 -43
- package/dist/forms/label/Label.svelte +1 -1
- package/dist/forms/label/Label.svelte.d.ts +1 -1
- package/dist/forms/range/Range.svelte +1 -1
- package/dist/forms/range/Range.svelte.d.ts +1 -1
- package/dist/forms/search/Search.svelte +1 -1
- package/dist/forms/search/Search.svelte.d.ts +1 -1
- package/dist/forms/tags/Tags.svelte +1 -1
- package/dist/forms/tags/Tags.svelte.d.ts +1 -1
- package/dist/forms/textarea/Textarea.svelte +1 -1
- package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
- package/dist/forms/timepicker/Timepicker.svelte +1 -1
- package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
- package/dist/forms/toggle/Toggle.svelte +1 -1
- package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
- package/dist/gallery/Gallery.svelte +1 -1
- package/dist/gallery/Gallery.svelte.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/indicator/Indicator.svelte +1 -1
- package/dist/indicator/Indicator.svelte.d.ts +1 -1
- package/dist/kbd/Kbd.svelte +1 -1
- package/dist/kbd/Kbd.svelte.d.ts +1 -1
- package/dist/list-group/Listgroup.svelte +1 -1
- package/dist/list-group/Listgroup.svelte.d.ts +1 -1
- package/dist/list-group/ListgroupItem.svelte +1 -1
- package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
- package/dist/mega-menu/MegaMenu.svelte +1 -1
- package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
- package/dist/modal/Modal.svelte +1 -1
- package/dist/modal/Modal.svelte.d.ts +1 -1
- package/dist/navbar/Menu.svelte +1 -1
- package/dist/navbar/Menu.svelte.d.ts +1 -1
- package/dist/navbar/NavBrand.svelte +1 -1
- package/dist/navbar/NavBrand.svelte.d.ts +1 -1
- package/dist/navbar/NavContainer.svelte +1 -1
- package/dist/navbar/NavContainer.svelte.d.ts +1 -1
- package/dist/navbar/NavHamburger.svelte +1 -1
- package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
- package/dist/navbar/NavLi.svelte +1 -1
- package/dist/navbar/NavLi.svelte.d.ts +1 -1
- package/dist/navbar/NavUl.svelte +1 -1
- package/dist/navbar/NavUl.svelte.d.ts +1 -1
- package/dist/navbar/Navbar.svelte +1 -1
- package/dist/navbar/Navbar.svelte.d.ts +1 -1
- package/dist/pagination/Pagination.svelte +1 -1
- package/dist/pagination/Pagination.svelte.d.ts +1 -1
- package/dist/pagination/PaginationButton.svelte +1 -1
- package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
- package/dist/pagination/PaginationItem.svelte +1 -1
- package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
- package/dist/pagination/PaginationNav.svelte +25 -5
- package/dist/pagination/PaginationNav.svelte.d.ts +2 -1
- package/dist/popover/Popover.svelte +1 -1
- package/dist/popover/Popover.svelte.d.ts +1 -1
- package/dist/progress/Progressbar.svelte +1 -1
- package/dist/progress/Progressbar.svelte.d.ts +1 -1
- package/dist/progress/Progressradial.svelte +1 -1
- package/dist/progress/Progressradial.svelte.d.ts +1 -1
- package/dist/rating/AdvancedRating.svelte +1 -1
- package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
- package/dist/rating/CustomIcon.svelte +1 -1
- package/dist/rating/CustomIcon.svelte.d.ts +1 -1
- package/dist/rating/Heart.svelte +1 -1
- package/dist/rating/Heart.svelte.d.ts +1 -1
- package/dist/rating/Rating.svelte +1 -1
- package/dist/rating/Rating.svelte.d.ts +1 -1
- package/dist/rating/RatingComment.svelte +1 -1
- package/dist/rating/RatingComment.svelte.d.ts +1 -1
- package/dist/rating/Review.svelte +1 -1
- package/dist/rating/Review.svelte.d.ts +1 -1
- package/dist/rating/ScoreRating.svelte +1 -1
- package/dist/rating/ScoreRating.svelte.d.ts +1 -1
- package/dist/rating/Star.svelte +1 -1
- package/dist/rating/Star.svelte.d.ts +1 -1
- package/dist/rating/Thumbup.svelte +1 -1
- package/dist/rating/Thumbup.svelte.d.ts +1 -1
- package/dist/sidebar/Sidebar.svelte +28 -8
- package/dist/sidebar/Sidebar.svelte.d.ts +2 -1
- 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/sidebar/theme.d.ts +15 -0
- package/dist/sidebar/theme.js +13 -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/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/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/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/theme/Theme.svelte +1 -1
- package/dist/theme/Theme.svelte.d.ts +1 -1
- package/dist/theme/index.d.ts +15 -0
- 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/toolbar/Toolbar.svelte +1 -1
- package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarButton.svelte +1 -1
- package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +1 -1
- package/dist/toolbar/ToolbarGroup.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 +26 -2
- 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/CloseButton.svelte +1 -1
- package/dist/utils/CloseButton.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 +13 -1
|
@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1299)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop fillPercent = 100
|
|
8
8
|
* @prop fillColor = "#00b500"
|
|
@@ -7,7 +7,27 @@
|
|
|
7
7
|
import clsx from "clsx";
|
|
8
8
|
import { trapFocus, type SidebarProps, type SidebarCtxType } from "..";
|
|
9
9
|
|
|
10
|
-
let {
|
|
10
|
+
let {
|
|
11
|
+
children,
|
|
12
|
+
isOpen = false,
|
|
13
|
+
closeSidebar,
|
|
14
|
+
isSingle = true,
|
|
15
|
+
breakpoint = "md",
|
|
16
|
+
alwaysOpen = false, // New prop to control always open behavior
|
|
17
|
+
position = "fixed",
|
|
18
|
+
activateClickOutside = true,
|
|
19
|
+
backdrop = true,
|
|
20
|
+
backdropClass,
|
|
21
|
+
transition = fly,
|
|
22
|
+
params,
|
|
23
|
+
divClass,
|
|
24
|
+
ariaLabel,
|
|
25
|
+
nonActiveClass,
|
|
26
|
+
activeClass,
|
|
27
|
+
activeUrl = "",
|
|
28
|
+
class: className,
|
|
29
|
+
...restProps
|
|
30
|
+
}: SidebarProps = $props();
|
|
11
31
|
|
|
12
32
|
const breakpointValues = {
|
|
13
33
|
sm: 640,
|
|
@@ -18,9 +38,8 @@
|
|
|
18
38
|
};
|
|
19
39
|
|
|
20
40
|
let innerWidth: number = $state(-1);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// const initialPosition = position;
|
|
41
|
+
// Modified to consider alwaysOpen prop
|
|
42
|
+
let isLargeScreen = $derived(alwaysOpen || innerWidth >= breakpointValues[breakpoint]);
|
|
24
43
|
|
|
25
44
|
const activeUrlStore = writable("");
|
|
26
45
|
setContext("activeUrl", activeUrlStore);
|
|
@@ -28,7 +47,7 @@
|
|
|
28
47
|
activeUrlStore.set(activeUrl);
|
|
29
48
|
});
|
|
30
49
|
|
|
31
|
-
const { base, active, nonactive, div, backdrop: backdropCls } = $derived(sidebar({ isOpen, breakpoint, position, backdrop }));
|
|
50
|
+
const { base, active, nonactive, div, backdrop: backdropCls } = $derived(sidebar({ isOpen, breakpoint, position, backdrop, alwaysOpen }));
|
|
32
51
|
|
|
33
52
|
let sidebarCtx: SidebarCtxType = {
|
|
34
53
|
get closeSidebar() {
|
|
@@ -56,7 +75,7 @@
|
|
|
56
75
|
<svelte:window bind:innerWidth />
|
|
57
76
|
|
|
58
77
|
{#if isOpen || isLargeScreen}
|
|
59
|
-
{#if isOpen}
|
|
78
|
+
{#if isOpen && !alwaysOpen}
|
|
60
79
|
{#if backdrop && activateClickOutside}
|
|
61
80
|
<div role="presentation" class={backdropCls({ class: backdropClass })} onclick={closeSidebar}></div>
|
|
62
81
|
{:else if backdrop && !activateClickOutside}
|
|
@@ -67,7 +86,7 @@
|
|
|
67
86
|
<div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full"></div>
|
|
68
87
|
{/if}
|
|
69
88
|
{/if}
|
|
70
|
-
<aside use:trapFocus={!isLargeScreen && isOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={transitionParams} {...restProps} class={base({ class: clsx(className) })} aria-label={ariaLabel}>
|
|
89
|
+
<aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={base({ class: clsx(className) })} aria-label={ariaLabel}>
|
|
71
90
|
<div class={div({ class: divClass })}>
|
|
72
91
|
{@render children()}
|
|
73
92
|
</div>
|
|
@@ -78,13 +97,14 @@
|
|
|
78
97
|
@component
|
|
79
98
|
[Go to docs](https://flowbite-svelte.com/)
|
|
80
99
|
## Type
|
|
81
|
-
[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
100
|
+
[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1322)
|
|
82
101
|
## Props
|
|
83
102
|
@prop children
|
|
84
103
|
@prop isOpen = false
|
|
85
104
|
@prop closeSidebar
|
|
86
105
|
@prop isSingle = true
|
|
87
106
|
@prop breakpoint = "md"
|
|
107
|
+
@prop alwaysOpen = false
|
|
88
108
|
@prop position = "fixed"
|
|
89
109
|
@prop activateClickOutside = true
|
|
90
110
|
@prop backdrop = true
|
|
@@ -2,13 +2,14 @@ import { type SidebarProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1322)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop isOpen = false
|
|
9
9
|
* @prop closeSidebar
|
|
10
10
|
* @prop isSingle = true
|
|
11
11
|
* @prop breakpoint = "md"
|
|
12
|
+
* @prop alwaysOpen = false
|
|
12
13
|
* @prop position = "fixed"
|
|
13
14
|
* @prop activateClickOutside = true
|
|
14
15
|
* @prop backdrop = true
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
@component
|
|
22
22
|
[Go to docs](https://flowbite-svelte.com/)
|
|
23
23
|
## Type
|
|
24
|
-
[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
24
|
+
[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1357)
|
|
25
25
|
## Props
|
|
26
26
|
@prop children
|
|
27
27
|
@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#L1357)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop site
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
@component
|
|
19
19
|
[Go to docs](https://flowbite-svelte.com/)
|
|
20
20
|
## Type
|
|
21
|
-
[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
21
|
+
[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1340)
|
|
22
22
|
## Props
|
|
23
23
|
@prop breakpoint = "md"
|
|
24
24
|
@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#L1340)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop breakpoint = "md"
|
|
8
8
|
* @prop class: className
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
@component
|
|
22
22
|
[Go to docs](https://flowbite-svelte.com/)
|
|
23
23
|
## Type
|
|
24
|
-
[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
24
|
+
[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1344)
|
|
25
25
|
## Props
|
|
26
26
|
@prop children
|
|
27
27
|
@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#L1344)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop icon
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
@component
|
|
82
82
|
[Go to docs](https://flowbite-svelte.com/)
|
|
83
83
|
## Type
|
|
84
|
-
[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
84
|
+
[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1363)
|
|
85
85
|
## Props
|
|
86
86
|
@prop children
|
|
87
87
|
@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#L1363)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop arrowup
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@component
|
|
13
13
|
[Go to docs](https://flowbite-svelte.com/)
|
|
14
14
|
## Type
|
|
15
|
-
[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
15
|
+
[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1380)
|
|
16
16
|
## Props
|
|
17
17
|
@prop children
|
|
18
18
|
@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#L1380)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className = "space-y-2"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
@component
|
|
44
44
|
[Go to docs](https://flowbite-svelte.com/)
|
|
45
45
|
## Type
|
|
46
|
-
[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
46
|
+
[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1386)
|
|
47
47
|
## Props
|
|
48
48
|
@prop icon
|
|
49
49
|
@prop subtext
|
|
@@ -2,7 +2,7 @@ import type { SidebarItemProps } from "../types";
|
|
|
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#L1386)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop icon
|
|
8
8
|
* @prop subtext
|
package/dist/sidebar/theme.d.ts
CHANGED
|
@@ -33,6 +33,11 @@ export declare const sidebar: import("tailwind-variants").TVReturnType<{
|
|
|
33
33
|
base: string;
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
|
+
alwaysOpen: {
|
|
37
|
+
true: {
|
|
38
|
+
base: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
36
41
|
backdrop: {
|
|
37
42
|
true: {
|
|
38
43
|
backdrop: string;
|
|
@@ -77,6 +82,11 @@ export declare const sidebar: import("tailwind-variants").TVReturnType<{
|
|
|
77
82
|
base: string;
|
|
78
83
|
};
|
|
79
84
|
};
|
|
85
|
+
alwaysOpen: {
|
|
86
|
+
true: {
|
|
87
|
+
base: string;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
80
90
|
backdrop: {
|
|
81
91
|
true: {
|
|
82
92
|
backdrop: string;
|
|
@@ -121,6 +131,11 @@ export declare const sidebar: import("tailwind-variants").TVReturnType<{
|
|
|
121
131
|
base: string;
|
|
122
132
|
};
|
|
123
133
|
};
|
|
134
|
+
alwaysOpen: {
|
|
135
|
+
true: {
|
|
136
|
+
base: string;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
124
139
|
backdrop: {
|
|
125
140
|
true: {
|
|
126
141
|
backdrop: string;
|
package/dist/sidebar/theme.js
CHANGED
|
@@ -24,10 +24,22 @@ export const sidebar = tv({
|
|
|
24
24
|
xl: { base: "xl:block" },
|
|
25
25
|
"2xl": { base: "2xl:block" }
|
|
26
26
|
},
|
|
27
|
+
alwaysOpen: {
|
|
28
|
+
true: { base: "block" } // Always display the sidebar when alwaysOpen is true
|
|
29
|
+
},
|
|
27
30
|
backdrop: {
|
|
28
31
|
true: { backdrop: "bg-gray-900 opacity-75" }
|
|
29
32
|
}
|
|
30
|
-
}
|
|
33
|
+
},
|
|
34
|
+
compoundVariants: [
|
|
35
|
+
// When alwaysOpen is true, override the breakpoint display classes
|
|
36
|
+
{
|
|
37
|
+
alwaysOpen: true,
|
|
38
|
+
class: {
|
|
39
|
+
base: "!block"
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
]
|
|
31
43
|
});
|
|
32
44
|
export const sidebarbutton = tv({
|
|
33
45
|
base: "inline-flex items-center p-0 mt-0 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@component
|
|
33
33
|
[Go to docs](https://flowbite-svelte.com/)
|
|
34
34
|
## Type
|
|
35
|
-
[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
35
|
+
[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1398)
|
|
36
36
|
## Props
|
|
37
37
|
@prop size = "sm"
|
|
38
38
|
@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#L1398)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
@component
|
|
38
38
|
[Go to docs](https://flowbite-svelte.com/)
|
|
39
39
|
## Type
|
|
40
|
-
[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
40
|
+
[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1402)
|
|
41
41
|
## Props
|
|
42
42
|
@prop size = "md"
|
|
43
43
|
@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#L1402)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "md"
|
|
8
8
|
* @prop rounded
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@component
|
|
29
29
|
[Go to docs](https://flowbite-svelte.com/)
|
|
30
30
|
## Type
|
|
31
|
-
[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
31
|
+
[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1408)
|
|
32
32
|
## Props
|
|
33
33
|
@prop itemNumber = 5
|
|
34
34
|
@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#L1408)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop itemNumber = 5
|
|
8
8
|
* @prop size = "md"
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
@component
|
|
23
23
|
[Go to docs](https://flowbite-svelte.com/)
|
|
24
24
|
## Type
|
|
25
|
-
[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
25
|
+
[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1414)
|
|
26
26
|
## Props
|
|
27
27
|
@prop size = "sm"
|
|
28
28
|
@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#L1414)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
@component
|
|
50
50
|
[Go to docs](https://flowbite-svelte.com/)
|
|
51
51
|
## Type
|
|
52
|
-
[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
52
|
+
[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1418)
|
|
53
53
|
## Props
|
|
54
54
|
@prop size = "sm"
|
|
55
55
|
@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#L1418)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
@component
|
|
19
19
|
[Go to docs](https://flowbite-svelte.com/)
|
|
20
20
|
## Type
|
|
21
|
-
[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
21
|
+
[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1422)
|
|
22
22
|
## Props
|
|
23
23
|
@prop size = "sm"
|
|
24
24
|
@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#L1422)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
@component
|
|
28
28
|
[Go to docs](https://flowbite-svelte.com/)
|
|
29
29
|
## Type
|
|
30
|
-
[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
30
|
+
[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1456)
|
|
31
31
|
## Props
|
|
32
32
|
@prop children
|
|
33
33
|
@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#L1456)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop popperClass
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
@component
|
|
28
28
|
[Go to docs](https://flowbite-svelte.com/)
|
|
29
29
|
## Type
|
|
30
|
-
[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
30
|
+
[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1470)
|
|
31
31
|
## Props
|
|
32
32
|
@prop children
|
|
33
33
|
@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#L1470)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop name = ""
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
@component
|
|
44
44
|
[Go to docs](https://flowbite-svelte.com/)
|
|
45
45
|
## Type
|
|
46
|
-
[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
46
|
+
[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1454)
|
|
47
47
|
## Props
|
|
48
48
|
@prop children
|
|
49
49
|
@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#L1454)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop name = "Open actions menu"
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@component
|
|
18
18
|
[Go to docs](https://flowbite-svelte.com/)
|
|
19
19
|
## Type
|
|
20
|
-
[SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
20
|
+
[SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1488)
|
|
21
21
|
## Props
|
|
22
22
|
@prop color = "primary"
|
|
23
23
|
@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#L1488)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop color = "primary"
|
|
8
8
|
* @prop size = "8"
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
@component
|
|
73
73
|
[Go to docs](https://flowbite-svelte.com/)
|
|
74
74
|
## Type
|
|
75
|
-
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
75
|
+
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1498)
|
|
76
76
|
## Props
|
|
77
77
|
@prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
78
78
|
@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#L1498)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
8
8
|
* @prop currentStep = 1
|
package/dist/table/Table.svelte
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
@component
|
|
51
51
|
[Go to docs](https://flowbite-svelte.com/)
|
|
52
52
|
## Type
|
|
53
|
-
[TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
53
|
+
[TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1536)
|
|
54
54
|
## Props
|
|
55
55
|
@prop children
|
|
56
56
|
@prop footerSlot
|
|
@@ -2,7 +2,7 @@ import type { TableProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1536)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop footerSlot
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
@component
|
|
32
32
|
[Go to docs](https://flowbite-svelte.com/)
|
|
33
33
|
## Type
|
|
34
|
-
[TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
34
|
+
[TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1568)
|
|
35
35
|
## Props
|
|
36
36
|
@prop children
|
|
37
37
|
@prop bodyItems
|
|
@@ -2,7 +2,7 @@ import type { TableBodyProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1568)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop bodyItems
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@component
|
|
25
25
|
[Go to docs](https://flowbite-svelte.com/)
|
|
26
26
|
## Type
|
|
27
|
-
[TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
27
|
+
[TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1557)
|
|
28
28
|
## Props
|
|
29
29
|
@prop children
|
|
30
30
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { TableBodyCellProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1557)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
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
|
-
[TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
29
|
+
[TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1549)
|
|
30
30
|
## Props
|
|
31
31
|
@prop children
|
|
32
32
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { TableBodyRowProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1549)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
@component
|
|
50
50
|
[Go to docs](https://flowbite-svelte.com/)
|
|
51
51
|
## Type
|
|
52
|
-
[TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
52
|
+
[TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1524)
|
|
53
53
|
## Props
|
|
54
54
|
@prop children
|
|
55
55
|
@prop headerSlot
|
|
@@ -2,7 +2,7 @@ import type { TableHeadProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1524)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop headerSlot
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@component
|
|
18
18
|
[Go to docs](https://flowbite-svelte.com/)
|
|
19
19
|
## Type
|
|
20
|
-
[TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
20
|
+
[TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1573)
|
|
21
21
|
## Props
|
|
22
22
|
@prop children
|
|
23
23
|
@prop class: className
|