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.
```vue
<script setup>
import { Accordion } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
</script>
<template>
@@ -64,11 +60,7 @@ import AccordionContent from 'flowbite'
Always open prop to makes accordion able to open multiple elements.
```vue
<script setup>
import { Accordion } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
</script>
<template>
@@ -111,11 +103,7 @@ import AccordionContent from 'flowbite'
Flush prop removes side borders, and rounded corners
```vue
<script setup>
import { Accordion } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
</script>
<template>
@@ -158,15 +146,11 @@ import AccordionContent from 'flowbite'
You can style accordion content and headers by passing tailwind classes into them.
```vue
<script setup>
import { Accordion } from 'flowbite'
import AccordionPanel from 'flowbite'
import AccordionHeader from 'flowbite'
import AccordionContent from 'flowbite'
import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite'
</script>
<template>
<Accordion >
<Accordion>
<accordion-panel>
<accordion-header>header</accordion-header>
<accordion-content>

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

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

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

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

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

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

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

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