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

review 2 fixes

Browse Source
This commit is contained in:
AhnafAhamed
2022-09-21 23:12:07 +05:30
parent 054c0cd16d
commit 57038dc5f0
7 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@@ -1,6 +1,6 @@
<template>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<the-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>
<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>
</the-card>

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

@@ -1,6 +1,6 @@
<template>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<the-card :href="'#'" :variant="'horizontal'" :img-src="'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" img-alt="Desk">
<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>
</the-card>

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

@@ -1,6 +1,6 @@
<template>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<the-card :href="'#'" :variant="'image'" :img-src="'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" img-alt="Desk">
<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>
</the-card>