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

feat(new component): Initial typography (#199)

Browse Source 
* feat: typography

* feat: typography

* feat: typography

* Update docs/components/heading.md

* Update src/components/Typography/A.vue

* Update src/components/Typography/Heading.vue

* Update src/components/Typography/Img.vue

* Update src/components/Typography/P.vue

---------

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>
This commit is contained in:
Vasu Singh
2023-09-19 15:13:47 +05:30
committed by GitHub
parent e3fc36606e
commit 7fd3b4f3a6
31 changed files with 735 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/components/typography/image/Img.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<Img src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg" alt="flowbite-vue" />
</template>
<script setup>
import Img from '../../../../src/components/Typography/Img.vue'
</script>

7
docs/components/typography/image/ImgAlign.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<Img alignment="mx-auto" size="max-w-md" src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg" alt="flowbite-vue" />
</template>
<script setup>
import Img from '../../../../src/components/Typography/Img.vue'
</script>

13
docs/components/typography/image/ImgBlur.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
<Img
size="max-w-lg"
alt="My gallery"
alignment="mx-auto"
img-class="rounded-lg transition-all duration-300 cursor-pointer filter grayscale hover:grayscale-0"
src="https://flowbite-svelte.com/images/examples/content-gallery-3.png"
/>
</template>
<script setup>
import Img from '../../../../src/components/Typography/Img.vue'
</script>

7
docs/components/typography/image/ImgCap.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<Img caption="flowbite-vue" src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg" alt="flowbite-vue" />
</template>
<script setup>
import Img from '../../../../src/components/Typography/Img.vue'
</script>

7
docs/components/typography/image/ImgCustom.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<Img img-class="rounded-lg border-[1px]" alignment="mx-auto" size="max-w-lg" src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg" alt="flowbite-vue" />
</template>
<script setup>
import Img from '../../../../src/components/Typography/Img.vue'
</script>

7
docs/components/typography/image/ImgSize.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<Img size="max-w-md" src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg" alt="flowbite-vue" />
</template>
<script setup>
import Img from '../../../../src/components/Typography/Img.vue'
</script>