Merge pull request #117 from themesberg/update-docs-links
docs: Updated links
This commit is contained in:
Ilya Artamonov
GitHub
6
.github/workflows/node.js.yml
vendored
6
.github/workflows/node.js.yml
vendored
@@ -12,7 +12,7 @@ jobs:
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
node-version: [14.x, 16.x, 18.x]
|
||||
node-version: [16.x, 18.x]
|
||||
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
|
||||
steps:
|
||||
- uses: actions/checkout@v3
|
||||
@@ -27,7 +27,7 @@ jobs:
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
node-version: [14.x, 16.x, 18.x]
|
||||
node-version: [16.x]
|
||||
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
|
||||
steps:
|
||||
- uses: actions/checkout@v3
|
||||
@@ -42,7 +42,7 @@ jobs:
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
node-version: [14.x, 16.x, 18.x]
|
||||
node-version: [16.x, 18.x]
|
||||
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
|
||||
steps:
|
||||
- uses: actions/checkout@v3
|
||||
|
||||
@@ -34,45 +34,44 @@ function buildSidebar() {
|
||||
|
||||
function getComponents() {
|
||||
return [
|
||||
{ text: 'Accordion', link: 'components/accordion/accordion.md' },
|
||||
{ text: 'Alert', link: '/components/alert/alert.md' },
|
||||
{ text: 'Avatar', link: 'components/avatar/avatar.md' },
|
||||
{ text: 'Breadcrumb', link: 'components/breadcrumb/breadcrumb.md' },
|
||||
{ text: 'Button', link: '/components/button/button.md' },
|
||||
{ text: 'Badge', link: 'components/badge/badge.md' },
|
||||
{ text: 'Button Group', link: '/components/buttonGroup/buttonGroup.md' },
|
||||
{ text: 'Card', link: 'components/card/card.md' },
|
||||
{ text: 'Carousel', link: 'components/carousel/carousel.md' },
|
||||
{ text: 'Dropdown', link: '/components/dropdown/dropdown.md' },
|
||||
{ text: 'Progress', link: 'components/progress/progress.md' },
|
||||
{ text: 'Rating', link: 'components/rating/rating.md' },
|
||||
{ text: 'Spinner', link: '/components/spinner/spinner.md' },
|
||||
{ text: 'Tabs', link: '/components/tabs/tabs.md' },
|
||||
{ text: 'ListGroup', link: 'components/listGroup/listGroup.md' },
|
||||
{ text: 'Toast', link: 'components/toast/toast.md' },
|
||||
{ text: 'Tooltip', link: 'components/tooltip/tooltip.md' },
|
||||
{ text: 'Modal', link: 'components/modal/modal.md' },
|
||||
{ text: 'Navbar', link: 'components/navbar/navbar.md' },
|
||||
{ text: 'Accordion', link: 'components/accordion' },
|
||||
{ text: 'Alert', link: '/components/alert' },
|
||||
{ text: 'Avatar', link: 'components/avatar' },
|
||||
{ text: 'Breadcrumb', link: 'components/breadcrumb' },
|
||||
{ text: 'Button', link: '/components/button' },
|
||||
{ text: 'Badge', link: 'components/badge' },
|
||||
{ text: 'Button Group', link: '/components/button-group' },
|
||||
{ text: 'Card', link: 'components/card.md' },
|
||||
{ text: 'Carousel', link: 'components/carousel' },
|
||||
{ text: 'Dropdown', link: '/components/dropdown' },
|
||||
{ text: 'Progress', link: 'components/progress' },
|
||||
{ text: 'Rating', link: 'components/rating' },
|
||||
{ text: 'Spinner', link: '/components/spinner' },
|
||||
{ text: 'Tabs', link: '/components/tabs' },
|
||||
{ text: 'ListGroup', link: 'components/list-group' },
|
||||
{ text: 'Toast', link: 'components/toast' },
|
||||
{ text: 'Tooltip', link: 'components/tooltip' },
|
||||
{ text: 'Modal', link: 'components/modal' },
|
||||
{ text: 'Navbar', link: 'components/navbar' },
|
||||
|
||||
{ text: '- Footer', link: 'components/footer/footer.md' },
|
||||
{ text: '- Pagination', link: 'components/pagination/pagination.md' },
|
||||
{ text: '- Sidebar', link: 'components/sidebar/sidebar.md' },
|
||||
{ text: '- Table', link: 'components/table/table.md' },
|
||||
{ text: '- Timeline', link: 'components/timeline/timeline.md' },
|
||||
{ text: '- Footer', link: 'components/footer' },
|
||||
{ text: '- Pagination', link: 'components/pagination' },
|
||||
{ text: '- Sidebar', link: 'components/sidebar' },
|
||||
{ text: '- Table', link: 'components/table' },
|
||||
{ text: '- Timeline', link: 'components/timeline' },
|
||||
]
|
||||
}
|
||||
|
||||
function getFormComponents() {
|
||||
return [
|
||||
{ text: 'Input', link: 'components/input/input.md' },
|
||||
{ text: 'Input', link: 'components/input' },
|
||||
]
|
||||
}
|
||||
|
||||
function getUtils() {
|
||||
return [
|
||||
{ text: 'Flowbite Themable', link: '/components/flowbiteThemable/flowbiteThemable.md' },
|
||||
{ text: 'Toast Provider', link: '/components/toastProvider/toastProvider.md' },
|
||||
{ text: 'PLAYGROUND', link: '/components/PLAYGROUND/PLAYGROUND.md' },
|
||||
{ text: 'Toast Provider', link: '/components/toastProvider/toastProvider.md' }
|
||||
]
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<script setup>
|
||||
import AccordionExample from './examples/AccordionExample.vue';
|
||||
import AccordionAlwaysOpenExample from './examples/AccordionAlwaysOpenExample.vue';
|
||||
import AccordionFlushExample from './examples/AccordionFlushExample.vue';
|
||||
import AccordionStyledHeadersExample from './examples/AccordionStyledHeadersExample.vue';
|
||||
import AccordionExample from './accordion/examples/AccordionExample.vue';
|
||||
import AccordionAlwaysOpenExample from './accordion/examples/AccordionAlwaysOpenExample.vue';
|
||||
import AccordionFlushExample from './accordion/examples/AccordionFlushExample.vue';
|
||||
import AccordionStyledHeadersExample from './accordion/examples/AccordionStyledHeadersExample.vue';
|
||||
</script>
|
||||
# Vue Accordion Component - Flowbite
|
||||
|
||||
@@ -14,7 +14,7 @@ Original reference: [https://flowbite.com/docs/components/accordion/](https://fl
|
||||
:::
|
||||
|
||||
## Default accordion
|
||||
Use this example to basic accordion.
|
||||
Use this example to basic accordion.
|
||||
```vue
|
||||
<script setup>
|
||||
import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite-vue'
|
||||
@@ -1,10 +1,10 @@
|
||||
<script setup>
|
||||
import AlertTypeExample from './examples/AlertTypeExample.vue';
|
||||
import AlertTitleExample from './examples/AlertTitleExample.vue';
|
||||
import AlertClosableExample from './examples/AlertClosableExample.vue';
|
||||
import AlertBorderExample from './examples/AlertBorderExample.vue';
|
||||
import AlertIconExample from './examples/AlertIconExample.vue';
|
||||
import AlertInlineExample from './examples/AlertInlineExample.vue';
|
||||
import AlertTypeExample from './alert/examples/AlertTypeExample.vue';
|
||||
import AlertTitleExample from './alert/examples/AlertTitleExample.vue';
|
||||
import AlertClosableExample from './alert/examples/AlertClosableExample.vue';
|
||||
import AlertBorderExample from './alert/examples/AlertBorderExample.vue';
|
||||
import AlertIconExample from './alert/examples/AlertIconExample.vue';
|
||||
import AlertInlineExample from './alert/examples/AlertInlineExample.vue';
|
||||
</script>
|
||||
|
||||
# Vue Alert Component - Flowbite
|
||||
@@ -29,7 +29,7 @@ defineProps({
|
||||
type: {
|
||||
type: String as PropType<AlertType>,
|
||||
default: 'info',
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
@@ -58,7 +58,7 @@ defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
@@ -87,7 +87,7 @@ defineProps({
|
||||
closable: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
@@ -116,7 +116,7 @@ defineProps({
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
@@ -145,7 +145,7 @@ defineProps({
|
||||
icon: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
@@ -174,7 +174,7 @@ defineProps({
|
||||
inline: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<script setup>
|
||||
import AvatarExample from './examples/AvatarExample.vue'
|
||||
import AvatarBorderedExample from './examples/AvatarBorderedExample.vue'
|
||||
import AvatarDotIndicatorExample from './examples/AvatarDotIndicatorExample.vue'
|
||||
import AvatarSizeExample from './examples/AvatarSizeExample.vue'
|
||||
import AvatarDotIndicatorPositionExample from './examples/AvatarDotIndicatorPositionExample.vue'
|
||||
import AvatarAlternativeTextExample from './examples/AvatarAlternativeTextExample.vue'
|
||||
import StackedAvatarsExample from './examples/StackedAvatarsExample.vue'
|
||||
import AvatarPlaceholderExample from './examples/AvatarPlaceholderExample.vue'
|
||||
import AvatarPlaceholderInitialsExample from './examples/AvatarPlaceholderInitialsExample.vue'
|
||||
import AvatarExample from './avatar/examples/AvatarExample.vue'
|
||||
import AvatarBorderedExample from './avatar/examples/AvatarBorderedExample.vue'
|
||||
import AvatarDotIndicatorExample from './avatar/examples/AvatarDotIndicatorExample.vue'
|
||||
import AvatarSizeExample from './avatar/examples/AvatarSizeExample.vue'
|
||||
import AvatarDotIndicatorPositionExample from './avatar/examples/AvatarDotIndicatorPositionExample.vue'
|
||||
import AvatarAlternativeTextExample from './avatar/examples/AvatarAlternativeTextExample.vue'
|
||||
import StackedAvatarsExample from './avatar/examples/StackedAvatarsExample.vue'
|
||||
import AvatarPlaceholderExample from './avatar/examples/AvatarPlaceholderExample.vue'
|
||||
import AvatarPlaceholderInitialsExample from './avatar/examples/AvatarPlaceholderInitialsExample.vue'
|
||||
|
||||
</script>
|
||||
# Vue Avatar Component - Flowbite
|
||||
@@ -1,9 +1,9 @@
|
||||
<script setup>
|
||||
import BadgeTypesExample from './examples/BadgeTypesExample.vue'
|
||||
import BadgeSizesExample from './examples/BadgeSizesExample.vue'
|
||||
import BadgeLinksExample from './examples/BadgeLinksExample.vue'
|
||||
import BadgeIconsExample from './examples/BadgeIconsExample.vue'
|
||||
import BadgeOnlyIconsExample from './examples/BadgeOnlyIconsExample.vue'
|
||||
import BadgeTypesExample from './badge/examples/BadgeTypesExample.vue'
|
||||
import BadgeSizesExample from './badge/examples/BadgeSizesExample.vue'
|
||||
import BadgeLinksExample from './badge/examples/BadgeLinksExample.vue'
|
||||
import BadgeIconsExample from './badge/examples/BadgeIconsExample.vue'
|
||||
import BadgeOnlyIconsExample from './badge/examples/BadgeOnlyIconsExample.vue'
|
||||
</script>
|
||||
# Vue Badge Component - Flowbite
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<script setup>
|
||||
import BreadcrumbExample from './examples/BreadcrumbExample.vue'
|
||||
import BreadcrumbSolidExample from './examples/BreadcrumbSolidExample.vue'
|
||||
import BreadcrumbCustomIconsExample from './examples/BreadcrumbCustomIconsExample.vue'
|
||||
import BreadcrumbExample from './breadcrumb/examples/BreadcrumbExample.vue'
|
||||
import BreadcrumbSolidExample from './breadcrumb/examples/BreadcrumbSolidExample.vue'
|
||||
import BreadcrumbCustomIconsExample from './breadcrumb/examples/BreadcrumbCustomIconsExample.vue'
|
||||
</script>
|
||||
# Vue Breadcrumb Component - Flowbite
|
||||
The breadcrumb component is an important part of any website or application that can be used to show the current location of a page in a hierarchical structure of pages.
|
||||
@@ -1,6 +1,6 @@
|
||||
<script setup>
|
||||
import ButtonGroupBasicExample from './examples/ButtonGroupBasicExample.vue';
|
||||
import ButtonGroupIconExample from './examples/ButtonGroupIconExample.vue';
|
||||
import ButtonGroupBasicExample from './buttonGroup/examples/ButtonGroupBasicExample.vue';
|
||||
import ButtonGroupIconExample from './buttonGroup/examples/ButtonGroupIconExample.vue';
|
||||
</script>
|
||||
|
||||
# Vue Button Group Component - Flowbite
|
||||
@@ -1,18 +1,18 @@
|
||||
<script setup>
|
||||
import ButtonColorExample from './examples/ButtonColorExample.vue';
|
||||
import ButtonSizeExample from './examples/ButtonSizeExample.vue';
|
||||
import ButtonPillExample from './examples/ButtonPillExample.vue';
|
||||
import ButtonGradientMonochromeExample from './examples/ButtonGradientMonochromeExample.vue';
|
||||
import ButtonGradientDuotoneExample from './examples/ButtonGradientDuotoneExample.vue';
|
||||
import ButtonOutlineColorExample from './examples/ButtonOutlineColorExample.vue';
|
||||
import ButtonPrefixExample from './examples/ButtonPrefixExample.vue';
|
||||
import ButtonSuffixExample from './examples/ButtonSuffixExample.vue';
|
||||
import ButtonOutlineGradientExample from './examples/ButtonOutlineGradientExample.vue';
|
||||
import ButtonGradientShadowExample from './examples/ButtonGradientShadowExample.vue';
|
||||
import ButtonIconExample from './examples/ButtonIconExample.vue';
|
||||
import ButtonSquareExample from './examples/ButtonSquareExample.vue';
|
||||
import ButtonDisabledExample from './examples/ButtonDisabledExample.vue';
|
||||
import ButtonLoadingExample from './examples/ButtonLoadingExample.vue';
|
||||
import ButtonColorExample from './button/examples/ButtonColorExample.vue';
|
||||
import ButtonSizeExample from './button/examples/ButtonSizeExample.vue';
|
||||
import ButtonPillExample from './button/examples/ButtonPillExample.vue';
|
||||
import ButtonGradientMonochromeExample from './button/examples/ButtonGradientMonochromeExample.vue';
|
||||
import ButtonGradientDuotoneExample from './button/examples/ButtonGradientDuotoneExample.vue';
|
||||
import ButtonOutlineColorExample from './button/examples/ButtonOutlineColorExample.vue';
|
||||
import ButtonPrefixExample from './button/examples/ButtonPrefixExample.vue';
|
||||
import ButtonSuffixExample from './button/examples/ButtonSuffixExample.vue';
|
||||
import ButtonOutlineGradientExample from './button/examples/ButtonOutlineGradientExample.vue';
|
||||
import ButtonGradientShadowExample from './button/examples/ButtonGradientShadowExample.vue';
|
||||
import ButtonIconExample from './button/examples/ButtonIconExample.vue';
|
||||
import ButtonSquareExample from './button/examples/ButtonSquareExample.vue';
|
||||
import ButtonDisabledExample from './button/examples/ButtonDisabledExample.vue';
|
||||
import ButtonLoadingExample from './button/examples/ButtonLoadingExample.vue';
|
||||
</script>
|
||||
|
||||
# Vue Button Component - Flowbite
|
||||
@@ -37,7 +37,7 @@ defineProps({
|
||||
color: {
|
||||
type: String as PropType<ButtonVariant>,
|
||||
default: 'default',
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<script setup>
|
||||
import CardDefaultExample from './examples/CardDefaultExample.vue'
|
||||
import CardImageExample from './examples/CardImageExample.vue'
|
||||
import CardHorizontalExample from './examples/CardHorizontalExample.vue'
|
||||
import CardDefaultExample from './card/examples/CardDefaultExample.vue'
|
||||
import CardImageExample from './card/examples/CardImageExample.vue'
|
||||
import CardHorizontalExample from './card/examples/CardHorizontalExample.vue'
|
||||
</script>
|
||||
# Vue Card Components - Flowbite
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<script setup>
|
||||
import CarouselDefaultExample from './examples/CarouselDefaultExample.vue';
|
||||
import CarouselNoControlsExample from './examples/CarouselNoControlsExample.vue';
|
||||
import CarouselNoIndicatorsExample from './examples/CarouselNoIndicatorsExample.vue';
|
||||
import CarouselSlideExample from './examples/CarouselSlideExample.vue';
|
||||
import CarouselSlideIntervalExample from './examples/CarouselSlideIntervalExample.vue';
|
||||
import CarouselPicturesExample from './examples/CarouselPicturesExample.vue';
|
||||
import CarouselDefaultExample from './carousel/examples/CarouselDefaultExample.vue';
|
||||
import CarouselNoControlsExample from './carousel/examples/CarouselNoControlsExample.vue';
|
||||
import CarouselNoIndicatorsExample from './carousel/examples/CarouselNoIndicatorsExample.vue';
|
||||
import CarouselSlideExample from './carousel/examples/CarouselSlideExample.vue';
|
||||
import CarouselSlideIntervalExample from './carousel/examples/CarouselSlideIntervalExample.vue';
|
||||
import CarouselPicturesExample from './carousel/examples/CarouselPicturesExample.vue';
|
||||
</script>
|
||||
# Vue Carousel Component - Flowbite
|
||||
|
||||
@@ -166,4 +166,4 @@ const pictures = [
|
||||
<template>
|
||||
<Carousel :pictures="pictures"></Carousel>
|
||||
</template>
|
||||
```
|
||||
```
|
||||
@@ -1,7 +1,7 @@
|
||||
<script setup>
|
||||
import DropdownPlacementExample from './examples/DropdownPlacementExample.vue';
|
||||
import DropdownListGroupExample from './examples/DropdownListGroupExample.vue';
|
||||
import DropdownTriggerExample from './examples/DropdownTriggerExample.vue';
|
||||
import DropdownPlacementExample from './dropdown/examples/DropdownPlacementExample.vue';
|
||||
import DropdownListGroupExample from './dropdown/examples/DropdownListGroupExample.vue';
|
||||
import DropdownTriggerExample from './dropdown/examples/DropdownTriggerExample.vue';
|
||||
</script>
|
||||
|
||||
# Vue Dropdown Component - Flowbite
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup>
|
||||
import FooterExample from './examples/FooterExample.vue'
|
||||
import FooterExample from './footer/examples/FooterExample.vue'
|
||||
</script>
|
||||
# Vue Footer Component - Flowbite
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<script setup>
|
||||
import InputExample from './examples/InputExample.vue';
|
||||
import InputSizeExample from './examples/InputSizeExample.vue';
|
||||
import InputDisabledExample from './examples/InputDisabledExample.vue';
|
||||
import InputHelperExample from './examples/InputHelperExample.vue';
|
||||
import InputPrefixExample from './examples/InputPrefixExample.vue';
|
||||
import InputSuffixExample from './examples/InputSuffixExample.vue'
|
||||
import InputExample from './input/examples/InputExample.vue';
|
||||
import InputSizeExample from './input/examples/InputSizeExample.vue';
|
||||
import InputDisabledExample from './input/examples/InputDisabledExample.vue';
|
||||
import InputHelperExample from './input/examples/InputHelperExample.vue';
|
||||
import InputPrefixExample from './input/examples/InputPrefixExample.vue';
|
||||
import InputSuffixExample from './input/examples/InputSuffixExample.vue'
|
||||
</script>
|
||||
|
||||
# Vue Input Components - Flowbite
|
||||
@@ -1,8 +1,8 @@
|
||||
<script setup>
|
||||
import ListGroupExample from './examples/ListGroupExample.vue'
|
||||
import ListGroupHoverExample from './examples/ListGroupHoverExample.vue'
|
||||
import ListGroupHoverIconExample from './examples/ListGroupHoverIconExample.vue'
|
||||
import ListGroupHoverIconDisabledExample from './examples/ListGroupHoverIconDisabledExample.vue'
|
||||
import ListGroupExample from './listGroup/examples/ListGroupExample.vue'
|
||||
import ListGroupHoverExample from './listGroup/examples/ListGroupHoverExample.vue'
|
||||
import ListGroupHoverIconExample from './listGroup/examples/ListGroupHoverIconExample.vue'
|
||||
import ListGroupHoverIconDisabledExample from './listGroup/examples/ListGroupHoverIconDisabledExample.vue'
|
||||
</script>
|
||||
|
||||
# Vue List Group Component - Flowbite
|
||||
@@ -1,6 +1,6 @@
|
||||
<script setup>
|
||||
import ModalExample from './examples/ModalExample.vue';
|
||||
import ModalSizeExample from './examples/ModalSizeExample.vue';
|
||||
import ModalExample from './modal/examples/ModalExample.vue';
|
||||
import ModalSizeExample from './modal/examples/ModalSizeExample.vue';
|
||||
</script>
|
||||
# Vue Modal Component - Flowbite
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<script setup>
|
||||
import NavbarExample from './examples/NavbarExample.vue'
|
||||
import NavbarSolidExample from './examples/NavbarSolidExample.vue'
|
||||
import NavbarActionButtonExample from './examples/NavbarActionButtonExample.vue'
|
||||
import NavbarCustomMobileIconExample from './examples/NavbarCustomMobileIconExample.vue'
|
||||
import NavbarExample from './navbar/examples/NavbarExample.vue'
|
||||
import NavbarSolidExample from './navbar/examples/NavbarSolidExample.vue'
|
||||
import NavbarActionButtonExample from './navbar/examples/NavbarActionButtonExample.vue'
|
||||
import NavbarCustomMobileIconExample from './navbar/examples/NavbarCustomMobileIconExample.vue'
|
||||
|
||||
</script>
|
||||
# Navbar Component – Flowbite
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup>
|
||||
import PaginationExample from './examples/PaginationExample.vue'
|
||||
import PaginationExample from './pagination/examples/PaginationExample.vue'
|
||||
</script>
|
||||
# Vue Pagination Component - Flowbite
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<script setup>
|
||||
import ProgressExample from './examples/ProgressExample.vue'
|
||||
import ProgressSizeExample from './examples/ProgressSizeExample.vue'
|
||||
import ProgressInsideLabelExample from './examples/ProgressInsideLabelExample.vue'
|
||||
import ProgressOutsideLabelExample from './examples/ProgressOutsideLabelExample.vue'
|
||||
import ProgressColorExample from './examples/ProgressColorExample.vue'
|
||||
import ProgressExample from './progress/examples/ProgressExample.vue'
|
||||
import ProgressSizeExample from './progress/examples/ProgressSizeExample.vue'
|
||||
import ProgressInsideLabelExample from './progress/examples/ProgressInsideLabelExample.vue'
|
||||
import ProgressOutsideLabelExample from './progress/examples/ProgressOutsideLabelExample.vue'
|
||||
import ProgressColorExample from './progress/examples/ProgressColorExample.vue'
|
||||
|
||||
|
||||
</script>
|
||||
@@ -99,4 +99,4 @@ import { Progress } from 'flowbite-vue'
|
||||
</template>
|
||||
```
|
||||
|
||||
<ProgressColorExample />
|
||||
<ProgressColorExample />
|
||||
@@ -1,8 +1,8 @@
|
||||
<script setup>
|
||||
import RatingExample from './examples/RatingExample.vue'
|
||||
import RatingWithTextExample from './examples/RatingWithTextExample.vue'
|
||||
import RatingCountExample from './examples/RatingCountExample.vue'
|
||||
import RatingStarSizesExample from './examples/RatingStarSizesExample.vue'
|
||||
import RatingExample from './rating/examples/RatingExample.vue'
|
||||
import RatingWithTextExample from './rating/examples/RatingWithTextExample.vue'
|
||||
import RatingCountExample from './rating/examples/RatingCountExample.vue'
|
||||
import RatingStarSizesExample from './rating/examples/RatingStarSizesExample.vue'
|
||||
</script>
|
||||
# Vue Rating Component - Flowbite
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup>
|
||||
import SidebarExample from './examples/SidebarExample.vue'
|
||||
import SidebarExample from './sidebar/examples/SidebarExample.vue'
|
||||
</script>
|
||||
# Vue Sidebar Component - Flowbite
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<script setup>
|
||||
import SpinnerBasicExample from './examples/SpinnerBasicExample.vue';
|
||||
import SpinnerSizeExample from './examples/SpinnerSizeExample.vue';
|
||||
import SpinnerColorExample from './examples/SpinnerColorExample.vue';
|
||||
import SpinnerBasicExample from './spinner/examples/SpinnerBasicExample.vue';
|
||||
import SpinnerSizeExample from './spinner/examples/SpinnerSizeExample.vue';
|
||||
import SpinnerColorExample from './spinner/examples/SpinnerColorExample.vue';
|
||||
</script>
|
||||
|
||||
# Vue Spinner Component - Flowbite
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup>
|
||||
import TableExample from './examples/TableExample.vue'
|
||||
import TableExample from './table/examples/TableExample.vue'
|
||||
</script>
|
||||
# Vue Table Component - Flowbite
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<script setup>
|
||||
import TabsDefaultExample from './examples/TabsDefaultExample.vue';
|
||||
import TabsPillsExample from './examples/TabsPillsExample.vue';
|
||||
import TabsUnderlineExample from './examples/TabsUnderlineExample.vue';
|
||||
import TabsDefaultExample from './tabs/examples/TabsDefaultExample.vue';
|
||||
import TabsPillsExample from './tabs/examples/TabsPillsExample.vue';
|
||||
import TabsUnderlineExample from './tabs/examples/TabsUnderlineExample.vue';
|
||||
</script>
|
||||
|
||||
# Vue Tabs Component - Flowbite
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup>
|
||||
import TimelineExample from './examples/TimelineExample.vue'
|
||||
import TimelineExample from './timeline/examples/TimelineExample.vue'
|
||||
</script>
|
||||
# Vue Timeline Component - Flowbite
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<script setup>
|
||||
import ToastTypeExample from './examples/ToastTypeExample.vue';
|
||||
import ToastClosableExample from './examples/ToastClosableExample.vue';
|
||||
import ToastIconExample from './examples/ToastIconExample.vue';
|
||||
import ToastDivideExample from './examples/ToastDivideExample.vue';
|
||||
import ToastMessageExample from './examples/ToastMessageExample.vue';
|
||||
import ToastInteractiveExample from './examples/ToastInteractiveExample.vue'
|
||||
import ToastTypeExample from './toast/examples/ToastTypeExample.vue';
|
||||
import ToastClosableExample from './toast/examples/ToastClosableExample.vue';
|
||||
import ToastIconExample from './toast/examples/ToastIconExample.vue';
|
||||
import ToastDivideExample from './toast/examples/ToastDivideExample.vue';
|
||||
import ToastMessageExample from './toast/examples/ToastMessageExample.vue';
|
||||
import ToastInteractiveExample from './toast/examples/ToastInteractiveExample.vue'
|
||||
</script>
|
||||
# Vue Toast Component - Flowbite
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<script setup>
|
||||
import TooltipExample from './examples/TooltipExample.vue'
|
||||
import TooltipPositionExample from './examples/TooltipPositionExample.vue'
|
||||
import TooltipStyleExample from './examples/TooltipStyleExample.vue'
|
||||
import TooltipTriggerExample from './examples/TooltipTriggerExample.vue'
|
||||
import TooltipExample from './tooltip/examples/TooltipExample.vue'
|
||||
import TooltipPositionExample from './tooltip/examples/TooltipPositionExample.vue'
|
||||
import TooltipStyleExample from './tooltip/examples/TooltipStyleExample.vue'
|
||||
import TooltipTriggerExample from './tooltip/examples/TooltipTriggerExample.vue'
|
||||
</script>
|
||||
# Vue Tooltip Component - Flowbite
|
||||
|
||||
Reference in New Issue
Block a user