flowbite-svelte 1.2.1 → 1.2.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.
- package/dist/accordion/AccordionItem.svelte +5 -3
- package/dist/accordion/AccordionItem.svelte.d.ts +2 -0
- 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/buttongroup/ButtonGroup.svelte +4 -2
- package/dist/buttongroup/ButtonGroup.svelte.d.ts +2 -1
- package/dist/buttons/Button.svelte +6 -3
- 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 +3 -3
- 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/checkbox-button/CheckboxButton.svelte +1 -1
- package/dist/forms/checkbox-button/CheckboxButton.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-input/FloatingLabelInput.svelte +3 -2
- package/dist/forms/floating-label-input/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/Input.svelte +3 -1
- package/dist/forms/input-addon/InputAddon.svelte +1 -1
- package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
- 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/select/index.d.ts +3 -4
- package/dist/forms/select/index.js +3 -4
- package/dist/forms/tags/Tags.svelte +79 -0
- package/dist/forms/tags/Tags.svelte.d.ts +19 -0
- package/dist/forms/tags/index.d.ts +2 -0
- package/dist/forms/tags/index.js +2 -0
- package/dist/forms/tags/theme.d.ts +49 -0
- package/dist/forms/tags/theme.js +10 -0
- 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 +18 -10
- package/dist/modal/Modal.svelte.d.ts +2 -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/PaginationItem.svelte +1 -1
- package/dist/pagination/PaginationItem.svelte.d.ts +1 -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 +1 -1
- package/dist/sidebar/Sidebar.svelte.d.ts +1 -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/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/steps/StepIndicator.svelte +1 -1
- package/dist/steps/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/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 +18 -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/Popper.svelte +30 -53
- package/dist/utils/Popper.svelte.d.ts +3 -1
- package/dist/video/Video.svelte +1 -1
- package/dist/video/Video.svelte.d.ts +1 -1
- package/package.json +28 -23
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export { Select, MultiSelect, select };
|
|
1
|
+
export { default as Select } from "./Select.svelte";
|
|
2
|
+
export { default as MultiSelect } from "./MultiSelect.svelte";
|
|
3
|
+
export { select } from "./theme";
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { type TagsProps, CloseButton } from "../..";
|
|
3
|
+
import { tags } from "./theme";
|
|
4
|
+
|
|
5
|
+
let { value = $bindable([]), itemClass, spanClass, placeholder = "Enter tags", class: className, closeClass, inputClass, closeBtnSize = "xs", ...restProps }: TagsProps = $props();
|
|
6
|
+
|
|
7
|
+
const { base, tag: tagCls, span: spanCls, close, input: inputCls } = $derived(tags());
|
|
8
|
+
|
|
9
|
+
let contents: string = $state("");
|
|
10
|
+
|
|
11
|
+
const handleKeys = (event: KeyboardEvent) => {
|
|
12
|
+
if (event.key === "Enter") {
|
|
13
|
+
event.preventDefault();
|
|
14
|
+
if (contents.length > 0 && contents.trim().length > 0) {
|
|
15
|
+
value.push(contents.trim());
|
|
16
|
+
value = value;
|
|
17
|
+
contents = "";
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
if (event.key === "Backspace") {
|
|
22
|
+
if (contents.length === 0) {
|
|
23
|
+
event.preventDefault();
|
|
24
|
+
contents = value.pop() ?? "";
|
|
25
|
+
value = value;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
const deleteField = (index: number) => {
|
|
31
|
+
value.splice(index, 1);
|
|
32
|
+
value = value;
|
|
33
|
+
};
|
|
34
|
+
</script>
|
|
35
|
+
|
|
36
|
+
<div {...restProps} class={base({ class: className })}>
|
|
37
|
+
{#each value as tag, index}
|
|
38
|
+
<div class={tagCls({ class: itemClass })}>
|
|
39
|
+
<span class={spanCls({ class: spanClass })}>
|
|
40
|
+
{tag}
|
|
41
|
+
</span>
|
|
42
|
+
<CloseButton
|
|
43
|
+
size={closeBtnSize}
|
|
44
|
+
class={close({ class: closeClass })}
|
|
45
|
+
onclick={() => {
|
|
46
|
+
deleteField(index);
|
|
47
|
+
}}
|
|
48
|
+
/>
|
|
49
|
+
</div>
|
|
50
|
+
{/each}
|
|
51
|
+
|
|
52
|
+
<input
|
|
53
|
+
onkeydown={(event) => {
|
|
54
|
+
handleKeys(event);
|
|
55
|
+
}}
|
|
56
|
+
bind:value={contents}
|
|
57
|
+
placeholder={value.length === 0 ? placeholder : ""}
|
|
58
|
+
type="text"
|
|
59
|
+
autocomplete="new-password"
|
|
60
|
+
class={inputCls({ class: inputClass })}
|
|
61
|
+
/>
|
|
62
|
+
</div>
|
|
63
|
+
|
|
64
|
+
<!--
|
|
65
|
+
@component
|
|
66
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
67
|
+
## Type
|
|
68
|
+
[TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L843)
|
|
69
|
+
## Props
|
|
70
|
+
@prop value = $bindable([])
|
|
71
|
+
@prop itemClass
|
|
72
|
+
@prop spanClass
|
|
73
|
+
@prop placeholder = 'Enter tags'
|
|
74
|
+
@prop class:className
|
|
75
|
+
@prop closeClass
|
|
76
|
+
@prop inputClass
|
|
77
|
+
@prop closeBtnSize = "xs"
|
|
78
|
+
@prop ...restProps
|
|
79
|
+
-->
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type TagsProps } from "../..";
|
|
2
|
+
/**
|
|
3
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
|
+
* ## Type
|
|
5
|
+
* [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L843)
|
|
6
|
+
* ## Props
|
|
7
|
+
* @prop value = $bindable([])
|
|
8
|
+
* @prop itemClass
|
|
9
|
+
* @prop spanClass
|
|
10
|
+
* @prop placeholder = 'Enter tags'
|
|
11
|
+
* @prop class:className
|
|
12
|
+
* @prop closeClass
|
|
13
|
+
* @prop inputClass
|
|
14
|
+
* @prop closeBtnSize = "xs"
|
|
15
|
+
* @prop ...restProps
|
|
16
|
+
*/
|
|
17
|
+
declare const Tags: import("svelte").Component<TagsProps, {}, "value">;
|
|
18
|
+
type Tags = ReturnType<typeof Tags>;
|
|
19
|
+
export default Tags;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export declare const tags: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import("tailwind-variants").ClassValue | {
|
|
4
|
+
close?: import("tailwind-variants").ClassValue;
|
|
5
|
+
input?: import("tailwind-variants").ClassValue;
|
|
6
|
+
base?: import("tailwind-variants").ClassValue;
|
|
7
|
+
span?: import("tailwind-variants").ClassValue;
|
|
8
|
+
tag?: import("tailwind-variants").ClassValue;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
} | {
|
|
12
|
+
[x: string]: {
|
|
13
|
+
[x: string]: import("tailwind-variants").ClassValue | {
|
|
14
|
+
close?: import("tailwind-variants").ClassValue;
|
|
15
|
+
input?: import("tailwind-variants").ClassValue;
|
|
16
|
+
base?: import("tailwind-variants").ClassValue;
|
|
17
|
+
span?: import("tailwind-variants").ClassValue;
|
|
18
|
+
tag?: import("tailwind-variants").ClassValue;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
} | {}, {
|
|
22
|
+
base: string;
|
|
23
|
+
tag: string;
|
|
24
|
+
span: string;
|
|
25
|
+
close: string;
|
|
26
|
+
input: string;
|
|
27
|
+
}, undefined, {
|
|
28
|
+
[key: string]: {
|
|
29
|
+
[key: string]: import("tailwind-variants").ClassValue | {
|
|
30
|
+
close?: import("tailwind-variants").ClassValue;
|
|
31
|
+
input?: import("tailwind-variants").ClassValue;
|
|
32
|
+
base?: import("tailwind-variants").ClassValue;
|
|
33
|
+
span?: import("tailwind-variants").ClassValue;
|
|
34
|
+
tag?: import("tailwind-variants").ClassValue;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
} | {}, {
|
|
38
|
+
base: string;
|
|
39
|
+
tag: string;
|
|
40
|
+
span: string;
|
|
41
|
+
close: string;
|
|
42
|
+
input: string;
|
|
43
|
+
}, import("tailwind-variants").TVReturnType<unknown, {
|
|
44
|
+
base: string;
|
|
45
|
+
tag: string;
|
|
46
|
+
span: string;
|
|
47
|
+
close: string;
|
|
48
|
+
input: string;
|
|
49
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { tv } from "tailwind-variants";
|
|
2
|
+
export const tags = tv({
|
|
3
|
+
slots: {
|
|
4
|
+
base: "border bg-gray-50 border-gray-300 rounded-lg flex focus-within:ring-primary-500 focus-within:ring-1 focus-within:border-primary-500 overflow-x-auto scrollbar-hidden",
|
|
5
|
+
tag: "flex items-center rounded-lg bg-gray-100 text-gray-900 border border-gray-300 my-1 ml-1 px-2 text-sm max-w-full min-w-fit",
|
|
6
|
+
span: "items-center",
|
|
7
|
+
close: "my-auto ml-1",
|
|
8
|
+
input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400"
|
|
9
|
+
}
|
|
10
|
+
});
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
@component
|
|
50
50
|
[Go to docs](https://flowbite-svelte.com/)
|
|
51
51
|
## Type
|
|
52
|
-
[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
52
|
+
[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L891)
|
|
53
53
|
## Props
|
|
54
54
|
@prop header
|
|
55
55
|
@prop footer
|
|
@@ -2,7 +2,7 @@ import { type TextareaProps } from "../..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L891)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop header
|
|
8
8
|
* @prop footer
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
@component
|
|
196
196
|
[Go to docs](https://flowbite-svelte.com/)
|
|
197
197
|
## Type
|
|
198
|
-
[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
198
|
+
[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L863)
|
|
199
199
|
## Props
|
|
200
200
|
@prop id = "time"
|
|
201
201
|
@prop endId = "end-time"
|
|
@@ -2,7 +2,7 @@ import { type TimepickerProps } from "../..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L863)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop id = "time"
|
|
8
8
|
* @prop endId = "end-time"
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@component
|
|
25
25
|
[Go to docs](https://flowbite-svelte.com/)
|
|
26
26
|
## Type
|
|
27
|
-
[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
27
|
+
[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
|
|
28
28
|
## Props
|
|
29
29
|
@prop children
|
|
30
30
|
@prop size = "default"
|
|
@@ -2,7 +2,7 @@ import type { ToggleProps } from "../../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop size = "default"
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
@component
|
|
37
37
|
[Go to docs](https://flowbite-svelte.com/)
|
|
38
38
|
## Type
|
|
39
|
-
[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
39
|
+
[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L927)
|
|
40
40
|
## Props
|
|
41
41
|
@prop children
|
|
42
42
|
@prop figure
|
|
@@ -2,7 +2,7 @@ import type { GalleryProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L927)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop figure
|
package/dist/index.d.ts
CHANGED
|
@@ -55,6 +55,7 @@ export * from "./forms/radio";
|
|
|
55
55
|
export * from "./forms/radio-button";
|
|
56
56
|
export * from "./forms/range";
|
|
57
57
|
export * from "./forms/search";
|
|
58
|
+
export * from "./forms/tags";
|
|
58
59
|
export * from "./forms/textarea";
|
|
59
60
|
export * from "./forms/timepicker";
|
|
60
61
|
export * from "./forms/toggle";
|
package/dist/index.js
CHANGED
|
@@ -56,6 +56,7 @@ export * from "./forms/radio";
|
|
|
56
56
|
export * from "./forms/radio-button";
|
|
57
57
|
export * from "./forms/range";
|
|
58
58
|
export * from "./forms/search";
|
|
59
|
+
export * from "./forms/tags";
|
|
59
60
|
export * from "./forms/textarea";
|
|
60
61
|
export * from "./forms/timepicker";
|
|
61
62
|
export * from "./forms/toggle";
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
@component
|
|
30
30
|
[Go to docs](https://flowbite-svelte.com/)
|
|
31
31
|
## Type
|
|
32
|
-
[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
32
|
+
[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L938)
|
|
33
33
|
## Props
|
|
34
34
|
@prop children
|
|
35
35
|
@prop color = "primary"
|
|
@@ -2,7 +2,7 @@ import type { IndicatorProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L938)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop color = "primary"
|
package/dist/kbd/Kbd.svelte
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
@component
|
|
16
16
|
[Go to docs](https://flowbite-svelte.com/)
|
|
17
17
|
## Type
|
|
18
|
-
[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
18
|
+
[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L949)
|
|
19
19
|
## Props
|
|
20
20
|
@prop children
|
|
21
21
|
@prop class: className
|
package/dist/kbd/Kbd.svelte.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { KbdProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L949)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
@component
|
|
45
45
|
[Go to docs](https://flowbite-svelte.com/)
|
|
46
46
|
## Type
|
|
47
|
-
[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
47
|
+
[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L968)
|
|
48
48
|
## Props
|
|
49
49
|
@prop children
|
|
50
50
|
@prop items
|
|
@@ -2,7 +2,7 @@ import type { ListgroupProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L968)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop items
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
@component
|
|
43
43
|
[Go to docs](https://flowbite-svelte.com/)
|
|
44
44
|
## Type
|
|
45
|
-
[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
45
|
+
[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L979)
|
|
46
46
|
## Props
|
|
47
47
|
@prop children
|
|
48
48
|
@prop active
|
|
@@ -2,7 +2,7 @@ import type { ListgroupItemProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L979)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop active
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
@component
|
|
37
37
|
[Go to docs](https://flowbite-svelte.com/)
|
|
38
38
|
## Type
|
|
39
|
-
[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
39
|
+
[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L990)
|
|
40
40
|
## Props
|
|
41
41
|
@prop children
|
|
42
42
|
@prop extra
|
|
@@ -2,7 +2,7 @@ import type { MegaMenuProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L990)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop extra
|
package/dist/modal/Modal.svelte
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
// TODO: missing focus trap
|
|
11
11
|
|
|
12
|
-
let { children, oncancel, onclose, modal = true, autoclose = false, header, footer, title, open = $bindable(false), dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, params, transition = fade, ...restProps }: ModalProps = $props();
|
|
12
|
+
let { children, oncancel, onclose, modal = true, autoclose = false, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, params, transition = fade, ...restProps }: ModalProps = $props();
|
|
13
13
|
|
|
14
14
|
const paramsDefault = { duration: 100, easing: sineIn };
|
|
15
15
|
const paramsOptions = $derived(params ?? paramsDefault);
|
|
@@ -17,8 +17,11 @@
|
|
|
17
17
|
const { base, header: headerCls, footer: footerCls, body, closeBtn } = $derived(modalTheme({ placement, size }));
|
|
18
18
|
|
|
19
19
|
const closeModal = () => {
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
// Only close if not permanent
|
|
21
|
+
if (!permanent) {
|
|
22
|
+
open = false;
|
|
23
|
+
onclose?.();
|
|
24
|
+
}
|
|
22
25
|
};
|
|
23
26
|
|
|
24
27
|
function _oncancel(ev: Event & { currentTarget: HTMLDialogElement }) {
|
|
@@ -26,26 +29,30 @@
|
|
|
26
29
|
if (ev.currentTarget instanceof HTMLDialogElement) {
|
|
27
30
|
oncancel?.(ev); // propagate the event to the user
|
|
28
31
|
// if user cancels the event we don't close the modal
|
|
29
|
-
if (ev.defaultPrevented) return;
|
|
30
|
-
// now we cancel the event to keep control on closing the modal
|
|
32
|
+
if (ev.defaultPrevented || permanent) return;
|
|
31
33
|
ev.preventDefault();
|
|
32
|
-
// and close it manually
|
|
33
34
|
closeModal();
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
37
|
|
|
37
38
|
function _onclick(ev: Event & { currentTarget: HTMLDialogElement }) {
|
|
38
39
|
if (ev.currentTarget instanceof HTMLDialogElement) {
|
|
39
|
-
if (outsideclose && ev.target === ev.currentTarget) {
|
|
40
|
+
if (outsideclose && ev.target === ev.currentTarget && !permanent) {
|
|
40
41
|
closeModal();
|
|
41
42
|
}
|
|
42
|
-
if (autoclose && ev.target instanceof HTMLButtonElement) {
|
|
43
|
+
if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {
|
|
43
44
|
closeModal();
|
|
44
45
|
}
|
|
45
46
|
}
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
let dlg: HTMLDialogElement | undefined = $state();
|
|
50
|
+
|
|
51
|
+
$effect(() => {
|
|
52
|
+
if (permanent && !open) {
|
|
53
|
+
open = true;
|
|
54
|
+
}
|
|
55
|
+
});
|
|
49
56
|
</script>
|
|
50
57
|
|
|
51
58
|
{#if open}
|
|
@@ -67,7 +74,7 @@
|
|
|
67
74
|
{@render footer()}
|
|
68
75
|
</div>
|
|
69
76
|
{/if}
|
|
70
|
-
{#if dismissable}
|
|
77
|
+
{#if dismissable && !permanent}
|
|
71
78
|
<CloseButton onclick={closeModal} class={closeBtn({ class: closeBtnClass })} />
|
|
72
79
|
{/if}
|
|
73
80
|
</dialog>
|
|
@@ -77,7 +84,7 @@
|
|
|
77
84
|
@component
|
|
78
85
|
[Go to docs](https://flowbite-svelte.com/)
|
|
79
86
|
## Type
|
|
80
|
-
[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
87
|
+
[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1000)
|
|
81
88
|
## Props
|
|
82
89
|
@prop children
|
|
83
90
|
@prop oncancel
|
|
@@ -88,6 +95,7 @@
|
|
|
88
95
|
@prop footer
|
|
89
96
|
@prop title
|
|
90
97
|
@prop open = $bindable(false)
|
|
98
|
+
@prop permanent = false
|
|
91
99
|
@prop dismissable = true
|
|
92
100
|
@prop closeBtnClass
|
|
93
101
|
@prop headerClass
|
|
@@ -2,7 +2,7 @@ import type { ModalProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1000)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop oncancel
|
|
@@ -13,6 +13,7 @@ import type { ModalProps } from "../types";
|
|
|
13
13
|
* @prop footer
|
|
14
14
|
* @prop title
|
|
15
15
|
* @prop open = $bindable(false)
|
|
16
|
+
* @prop permanent = false
|
|
16
17
|
* @prop dismissable = true
|
|
17
18
|
* @prop closeBtnClass
|
|
18
19
|
* @prop headerClass
|
package/dist/navbar/Menu.svelte
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@component
|
|
33
33
|
[Go to docs](https://flowbite-svelte.com/)
|
|
34
34
|
## Type
|
|
35
|
-
[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
35
|
+
[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
|
|
36
36
|
## Props
|
|
37
37
|
@prop size = "24"
|
|
38
38
|
@prop color = "currentColor"
|
|
@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "24"
|
|
8
8
|
* @prop color = "currentColor"
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
@component
|
|
15
15
|
[Go to docs](https://flowbite-svelte.com/)
|
|
16
16
|
## Type
|
|
17
|
-
[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
17
|
+
[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1037)
|
|
18
18
|
## Props
|
|
19
19
|
@prop children
|
|
20
20
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { NavBrandProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1037)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
@component
|
|
15
15
|
[Go to docs](https://flowbite-svelte.com/)
|
|
16
16
|
## Type
|
|
17
|
-
[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
17
|
+
[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
|
|
18
18
|
## Props
|
|
19
19
|
@prop children
|
|
20
20
|
@prop fluid
|
|
@@ -2,7 +2,7 @@ import type { NavContainerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop fluid
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
@component
|
|
26
26
|
[Go to docs](https://flowbite-svelte.com/)
|
|
27
27
|
## Type
|
|
28
|
-
[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
28
|
+
[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1043)
|
|
29
29
|
## Props
|
|
30
30
|
@prop children
|
|
31
31
|
@prop onclick
|
|
@@ -2,7 +2,7 @@ import type { NavHamburgerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1043)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop onclick
|
package/dist/navbar/NavLi.svelte
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
@component
|
|
36
36
|
[Go to docs](https://flowbite-svelte.com/)
|
|
37
37
|
## Type
|
|
38
|
-
[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
38
|
+
[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
|
|
39
39
|
## Props
|
|
40
40
|
@prop children
|
|
41
41
|
@prop activeClass
|
|
@@ -2,7 +2,7 @@ import type { NavLiProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop activeClass
|
package/dist/navbar/NavUl.svelte
CHANGED
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
@component
|
|
57
57
|
[Go to docs](https://flowbite-svelte.com/)
|
|
58
58
|
## Type
|
|
59
|
-
[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
59
|
+
[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1048)
|
|
60
60
|
## Props
|
|
61
61
|
@prop children
|
|
62
62
|
@prop activeUrl
|
|
@@ -2,7 +2,7 @@ import type { NavUlProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1048)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop activeUrl
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
@component
|
|
30
30
|
[Go to docs](https://flowbite-svelte.com/)
|
|
31
31
|
## Type
|
|
32
|
-
[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
32
|
+
[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1031)
|
|
33
33
|
## Props
|
|
34
34
|
@prop children
|
|
35
35
|
@prop fluid
|
|
@@ -2,7 +2,7 @@ import type { NavbarProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1031)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop fluid
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
@component
|
|
51
51
|
[Go to docs](https://flowbite-svelte.com/)
|
|
52
52
|
## Type
|
|
53
|
-
[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
53
|
+
[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1099)
|
|
54
54
|
## Props
|
|
55
55
|
@prop pages = []
|
|
56
56
|
@prop previous
|