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

PR review fixes

Browse Source
This commit is contained in:
AhnafAhamed
2022-09-19 19:06:11 +05:30
parent b2b908bf0c
commit dea36eefe1
7 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/components/card/card.md
View File

@@ -21,10 +21,10 @@ Use these responsive card components to show data entries and information to you
```vue ```vue
<script setup> <script setup>
import { Card } from 'flowbite-vue' import { TheCard } from 'flowbite-vue'
</script> </script>
<template> <template>
<Card :href="'#'"/> <the-card :href="'#'"/>
</template> </template>
``` ```
@@ -34,14 +34,14 @@ import { Card } from 'flowbite-vue'
```vue ```vue
<script setup> <script setup>
import { Card } from 'flowbite-vue' import { TheCard } from 'flowbite-vue'
</script> </script>
<template> <template>
<Card <the-card
:variant="'image'" :variant="'image'"
:href="'#'" :href="'#'"
:imgSrc="'./images/blog/image-1.jpg'" :img-src="'./images/blog/image-1.jpg'"
:imgAlt="'Image'" :img-alt="'Image'"
/> />
</template> </template>
``` ```
@@ -52,14 +52,14 @@ import { Card } from 'flowbite-vue'
```vue ```vue
<script setup> <script setup>
import { Card } from 'flowbite-vue' import { TheCard } from 'flowbite-vue'
</script> </script>
<template> <template>
<Card <the-card
:variant="'horizontal'" :variant="'horizontal'"
:href="'#'" :href="'#'"
:imgSrc="'./images/blog/image-4.jpg'" :img-src="'./images/blog/image-4.jpg'"
:imgAlt="'Image'" :img-alt="'Image'"
/> />
</template> </template>
``` ```

6
docs/components/card/examples/CardDefaultExample.vue
View File

@@ -1,12 +1,12 @@
<template> <template>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap"> <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<Card :href="'#'"> <the-card :href="'#'">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5> <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
<p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> <p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
</Card> </the-card>
</div> </div>
</template> </template>
<script setup> <script setup>
import { Card } from '../../../../src/index' import { TheCard } from '../../../../src/index'
</script> </script>

6
docs/components/card/examples/CardHorizontalExample.vue
View File

@@ -1,11 +1,11 @@
<template> <template>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap"> <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<Card :href="'#'" :variant="'horizontal'" :imgSrc="'https://flowbite.com/docs/images/blog/image-4.jpg'" :imgAlt="'Desk'"> <the-card :href="'#'" :variant="'horizontal'" :img-src="'https://flowbite.com/docs/images/blog/image-4.jpg'" :imgAlt="'Desk'">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5> <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
<p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> <p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
</Card> </the-card>
</div> </div>
</template> </template>
<script setup> <script setup>
import { Card } from '../../../../src/index' import { TheCard } from '../../../../src/index'
</script> </script>

6
docs/components/card/examples/CardImageExample.vue
View File

@@ -1,11 +1,11 @@
<template> <template>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap"> <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<Card :href="'#'" :variant="'image'" :imgSrc="'https://flowbite.com/docs/images/blog/image-1.jpg'" :imgAlt="'Desk'"> <the-card :href="'#'" :variant="'image'" :img-src="'https://flowbite.com/docs/images/blog/image-1.jpg'" :imgAlt="'Desk'">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5> <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
<p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> <p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
</Card> </the-card>
</div> </div>
</template> </template>
<script setup> <script setup>
import { Card } from '../../../../src/index' import { TheCard } from '../../../../src/index'
</script> </script>

0
src/components/Card/Card.vue → src/components/Card/TheCard.vue
View File

2
src/index.ts
View File

@@ -14,7 +14,7 @@ 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 Breadcrumb } from './components/Breadcrumb/Breadcrumb.vue' export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.vue'
export { default as Card } from './components/Card/Card.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'
export { default as Footer } from './components/Footer/Footer.vue' export { default as Footer } from './components/Footer/Footer.vue'
export { default as ListGroup } from './components/ListGroup/ListGroup.vue' export { default as ListGroup } from './components/ListGroup/ListGroup.vue'