jaro/flowbite-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: changed accordion imports

Browse Source
This commit is contained in:
victor
2022-12-11 23:19:25 +04:00
parent df86e906ba
commit 2b84cddd90
6 changed files with 13 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/components/accordion/accordion.md
View File

@@ -17,11 +17,7 @@ Original reference: [https://flowbite.com/docs/components/accordion/](https://fl
Use this example to basic accordion. Use this example to basic accordion.
```vue ```vue
<script setup> <script setup>
import { Accordion } from 'flowbite' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
</script> </script>
<template> <template>
@@ -64,11 +60,7 @@ import AccordionContent from 'flowbite'
Always open prop to makes accordion able to open multiple elements. Always open prop to makes accordion able to open multiple elements.
```vue ```vue
<script setup> <script setup>
import { Accordion } from 'flowbite' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
</script> </script>
<template> <template>
@@ -111,11 +103,7 @@ import AccordionContent from 'flowbite'
Flush prop removes side borders, and rounded corners Flush prop removes side borders, and rounded corners
```vue ```vue
<script setup> <script setup>
import { Accordion } from 'flowbite' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
</script> </script>
<template> <template>
@@ -158,15 +146,11 @@ import AccordionContent from 'flowbite'
You can style accordion content and headers by passing tailwind classes into them. You can style accordion content and headers by passing tailwind classes into them.
```vue ```vue
<script setup> <script setup>
import { Accordion } from 'flowbite' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
</script> </script>
<template> <template>
<Accordion > <Accordion>
<accordion-panel> <accordion-panel>
<accordion-header>header</accordion-header> <accordion-header>header</accordion-header>
<accordion-content> <accordion-content>

6
docs/components/accordion/examples/AccordionAlwaysOpenExample.vue
View File

@@ -1,9 +1,5 @@
<script setup> <script setup>
import { Accordion } from '../../../../src/index' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from '../../../../src/index'
import AccordionPanel from '@/components/Accordion/AccordionPanel.vue'
import AccordionHeader from '@/components/Accordion/AccordionHeader.vue'
import AccordionContent from '@/components/Accordion/AccordionContent.vue'
</script> </script>
<template> <template>

6
docs/components/accordion/examples/AccordionExample.vue
View File

@@ -1,9 +1,5 @@
<script setup> <script setup>
import { Accordion } from '../../../../src/index' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from '../../../../src/index'
import AccordionPanel from '@/components/Accordion/AccordionPanel.vue'
import AccordionHeader from '@/components/Accordion/AccordionHeader.vue'
import AccordionContent from '@/components/Accordion/AccordionContent.vue'
</script> </script>
<template> <template>

6
docs/components/accordion/examples/AccordionFlushExample.vue
View File

@@ -1,9 +1,5 @@
<script setup> <script setup>
import { Accordion } from '../../../../src/index' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from '../../../../src/index'
import AccordionPanel from '@/components/Accordion/AccordionPanel.vue'
import AccordionHeader from '@/components/Accordion/AccordionHeader.vue'
import AccordionContent from '@/components/Accordion/AccordionContent.vue'
</script> </script>
<template> <template>

6
docs/components/accordion/examples/AccordionStyledHeadersExample.vue
View File

@@ -1,9 +1,5 @@
<script setup> <script setup>
import { Accordion } from '../../../../src/index' import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from '../../../../src/index'
import AccordionPanel from '@/components/Accordion/AccordionPanel.vue'
import AccordionHeader from '@/components/Accordion/AccordionHeader.vue'
import AccordionContent from '@/components/Accordion/AccordionContent.vue'
</script> </script>
<template> <template>

5
src/index.ts
View File

@@ -1,3 +1,7 @@
export { default as Accordion } from './components/Accordion/Accordion.vue'
export { default as AccordionPanel } from './components/Accordion/AccordionPanel.vue'
export { default as AccordionHeader } from './components/Accordion/AccordionHeader.vue'
export { default as AccordionContent } from './components/Accordion/AccordionContent.vue'
export { default as Button } from './components/Button/Button.vue' export { default as Button } from './components/Button/Button.vue'
export { default as Spinner } from './components/Spinner/Spinner.vue' export { default as Spinner } from './components/Spinner/Spinner.vue'
export { default as ButtonGroup } from './components/ButtonGroup/ButtonGroup.vue' export { default as ButtonGroup } from './components/ButtonGroup/ButtonGroup.vue'
@@ -12,7 +16,6 @@ export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbIte
export { default as Avatar } from './components/Avatar/Avatar.vue' export { default as Avatar } from './components/Avatar/Avatar.vue'
export { default as StackedAvatars } from './components/Avatar/StackedAvatars.vue' export { default as StackedAvatars } from './components/Avatar/StackedAvatars.vue'
export { default as StackedAvatarsCounter } from './components/Avatar/StackedAvatarsCounter.vue' export { default as StackedAvatarsCounter } from './components/Avatar/StackedAvatarsCounter.vue'
export { default as Accordion } from './components/Accordion/Accordion.vue'
export { default as Badge } from './components/Badge/Badge.vue' export { default as Badge } from './components/Badge/Badge.vue'
export { default as TheCard } from './components/Card/TheCard.vue' export { default as TheCard } from './components/Card/TheCard.vue'
export { default as Carousel } from './components/Carousel/Carousel.vue' export { default as Carousel } from './components/Carousel/Carousel.vue'