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

Components renaming (#225)

Browse Source 
* refactor: eslint config adjusted for better diff's

* refactor: stricter linting
 + dependencies updated

* refactoring: paragraph component
 - component
 - docs

* refactoring: heading component
 - component
 - docs

* Update docs/components/heading.md

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

* refactoring: link component
 - component
 - docs

* refactoring: image component
 - component
 - docs

* refactoring: alert component
 - component
 - docs

* refactoring: avatar component
 - component
 - docs

* refactoring: removed unnecessary code
    - component names come from the file name

* refactoring: breadcrumb component
 - component
 - docs

* refactoring: accordion component
 - component
 - docs

* refactoring: buttom component
 - component
 - docs

* refactoring: badge component
 - component
 - docs

* refactoring: card component
 - component
 - docs

* refactoring: order of components in docs updated

* refactoring: unnecessary semicolons removed

* refactoring: button group component
 - component
 - docs

* refactoring: carousel component
 - component
 - docs

* refactoring: dropdown component
 - component
 - docs

* refactoring: footer component
 - component
 - docs

* refactoring:list-group component
 - component
 - docs

* refactoring: modal component
 - component
 - docs

* refactoring: navbar component
 - component
 - docs

* refactoring: pagination component
 - component
 - docs

* refactoring: progress component
 - component
 - docs

* refactoring: rating component
 - component
 - docs

* refactoring: spinner component
 - component
 - docs

* refactoring: table component
 - component
 - docs

* refactoring: tabs component
 - component
 - docs

* feat: Updated pagination examples

* lint: Lister fixes

* feat: Sidebar component and some fixes

* feat: Input component

* feat: Some fixes

* feat: Some fixes

* chore: update deps

* refactor: removed old Modal component

* refactor: radio component and some fixes

* fix: fixed path error

* refactor: Range component

* refactoring: timeline component
 - component
 - docs

* refactor: Select component

* refactoring: toast component
 - component
 - docs

* refactoring: tooltip component
 - component
 - docs

* refactoring: sidebar component
 - component
 - docs

* refactoring: input component
 - component
 - docs

* refactoring: fileInput component
 - component
 - docs

* refactoring: select component
 - component
 - docs

* refactoring: textarea component
 - component
 - docs

* refactoring: checkbox component
 - component
 - docs

* refactoring: radio component
 - component
 - docs

* refactoring: toggle component
 - component
 - docs

* refactoring: range component
 - component
 - docs

* local configs linted

* documentation quick start updated

* flowbite-themable refactored to fit new linters and style guide

* random linter fixes

* refactoring: toast-provider component
 - component
 - docs

* final linter fixes

* lint: Linter fixes

* fix: Fixed types

* fix: Fixed card component

* docs: Updated card examples

* fix: Fixed tabs

* refactor: Heading component refactoring

* Fwb rename - few fixes after component review (#237)

* fix: button documentation

* fix: model type in range examples

* chore: Toast marked as WIP

---------

Co-authored-by: Sqrcz <naorniakowski@slashlab.pl>
Co-authored-by: Sqrcz <naorniakowski@gmail.com>
This commit is contained in:
Ilya Artamonov
2023-10-23 18:23:14 +03:00
committed by GitHub
parent ea6fcf1a4c
commit d316cf3a12
600 changed files with 16349 additions and 10239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/components/typography/heading/FwbHExampleColor.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading color="text-green-400">
Green heading
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

9
docs/components/typography/heading/FwbHExampleCustom.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading class="underline italic !text-xl">
Custom heading
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

9
docs/components/typography/heading/FwbHExampleLevel1.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading tag="h1">
Heading 1
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

9
docs/components/typography/heading/FwbHExampleLevel2.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading tag="h2">
Heading 2
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

9
docs/components/typography/heading/FwbHExampleLevel3.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading tag="h3">
Heading 3
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

9
docs/components/typography/heading/FwbHExampleLevel4.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading tag="h4">
Heading 4
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

9
docs/components/typography/heading/FwbHExampleLevel5.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading tag="h5">
Heading 5
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

9
docs/components/typography/heading/FwbHExampleLevel6.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-heading tag="h6">
Heading 6
</fwb-heading>
</template>
<script setup>
import { FwbHeading } from '../../../../src/'
</script>

7
docs/components/typography/heading/H1.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading tag="h1">Heading 1</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

7
docs/components/typography/heading/H2.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading tag="h2">Heading 2</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

7
docs/components/typography/heading/H3.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading tag="h3">Heading 3</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

7
docs/components/typography/heading/H4.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading tag="h4">Heading 4</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

7
docs/components/typography/heading/H5.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading tag="h5">Heading 5</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

7
docs/components/typography/heading/H6.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading tag="h6">Heading 6</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

7
docs/components/typography/heading/HColor.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading color="text-green-400" tag="h1">Green heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

7
docs/components/typography/heading/HCustom.vue
View File

@@ -1,7 +0,0 @@
<template>
<Heading class="underline italic !text-xl" tag="h1">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

10
docs/components/typography/image/FwbImgExample.vue Normal file
View File

@@ -0,0 +1,10 @@
<template>
<fwb-img
alt="flowbite-vue"
src="https://flowbite-svelte.com/images/examples/image-1.jpg"
/>
</template>
<script setup>
import { FwbImg } from '../../../../src/'
</script>

12
docs/components/typography/image/FwbImgExampleAlign.vue Normal file
View File

@@ -0,0 +1,12 @@
<template>
<fwb-img
alignment="mx-auto"
alt="flowbite-vue"
size="max-w-md"
src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg"
/>
</template>
<script setup>
import { FwbImg } from '../../../../src/'
</script>

11
docs/components/typography/image/FwbImgExampleCaption.vue Normal file
View File

@@ -0,0 +1,11 @@
<template>
<fwb-img
alt="flowbite-vue"
caption="flowbite-vue"
src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg"
/>
</template>
<script setup>
import { FwbImg } from '../../../../src/'
</script>

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

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

8
docs/components/typography/image/ImgBlur.vue → docs/components/typography/image/FwbImgExampleGrayscale.vue
View File

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

11
docs/components/typography/image/FwbImgExampleSize.vue Normal file
View File

@@ -0,0 +1,11 @@
<template>
<fwb-img
alt="flowbite-vue"
size="max-w-md"
src="https://flowbite-svelte.com/images/examples/image-1@2x.jpg"
/>
</template>
<script setup>
import { FwbImg } from '../../../../src/'
</script>

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

@@ -1,7 +0,0 @@
<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
View File

@@ -1,7 +0,0 @@
<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>

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

@@ -1,7 +0,0 @@
<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
View File

@@ -1,7 +0,0 @@
<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
View File

@@ -1,7 +0,0 @@
<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>

7
docs/components/typography/link/A.vue
View File

@@ -1,7 +0,0 @@
<template>
<A href="/">Flowbite-vue </A>
</template>
<script setup>
import A from '../../../../src/components/Typography/A.vue'
</script>

7
docs/components/typography/link/ACustom.vue
View File

@@ -1,7 +0,0 @@
<template>
<A class="underline italic" href="/">Flowbite-vue </A>
</template>
<script setup>
import A from '../../../../src/components/Typography/A.vue'
</script>

11
docs/components/typography/link/APara.vue
View File

@@ -1,11 +0,0 @@
<template>
<P>
The free updates that will be provided is based on the <A href="/" class="underline hover:no-underline">roadmap</A> that we have laid out for this project. It is also possible that we will provide
extra updates outside of the roadmap as well.
</P>
</template>
<script setup>
import A from '../../../../src/components/Typography/A.vue'
import P from '../../../../src/components/Typography/P.vue'
</script>

9
docs/components/typography/link/FwbAExample.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<fwb-a href="#">
Flowbite-vue
</fwb-a>
</template>
<script setup>
import { FwbA } from '../../../../src/'
</script>

14
docs/components/typography/link/FwbAExampleCustom.vue Normal file
View File

@@ -0,0 +1,14 @@
<template>
<div class="vp-raw">
<fwb-a
class="text-orange-500 italic"
href="#"
>
Flowbite-vue
</fwb-a>
</div>
</template>
<script setup>
import { FwbA } from '../../../../src/'
</script>

16
docs/components/typography/link/FwbAExampleParagraph.vue Normal file
View File

@@ -0,0 +1,16 @@
<template>
<fwb-p>
The free updates that will be provided is based on the <fwb-a
href="/"
class="underline hover:no-underline"
>
roadmap
</fwb-a> that we have laid
out for this project. It is also possible that we will provide
extra updates outside of the roadmap as well.
</fwb-p>
</template>
<script setup>
import { FwbA, FwbP } from '../../../../src/'
</script>

10
docs/components/typography/p/P.vue → docs/components/typography/p/FwbPExample.vue
View File

@@ -1,16 +1,16 @@
<template>
<div class="vp-raw">
<P class="mb-2">
<fwb-p class="mb-2">
Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams
have richer contextual information to rapidly respond to requests, incidents, and changes.
</P>
<P>
</fwb-p>
<fwb-p>
Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete
audit trail for every change.
</P>
</fwb-p>
</div>
</template>
<script setup>
import P from '../../../../src/components/Typography/P.vue'
import { FwbP } from '../../../../src/'
</script>

26
docs/components/typography/p/FwbPExampleAlign.vue Normal file
View File

@@ -0,0 +1,26 @@
<template>
<div class="vp-raw">
<fwb-p
align="left"
class="mb-2"
>
Deliver great service experiences fast - without the complexity of traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.
</fwb-p>
<fwb-p
align="center"
class="mb-2"
>
Deliver great service experiences fast - without the complexity of traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.
</fwb-p>
<fwb-p
align="right"
class="mb-2"
>
Deliver great service experiences fast - without the complexity of traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.
</fwb-p>
</div>
</template>
<script setup>
import { FwbP } from '../../../../src/'
</script>

9
docs/components/typography/p/PAlign.vue → docs/components/typography/p/FwbPExampleCustom.vue
View File

@@ -1,12 +1,11 @@
<template>
<div class="vp-raw">
<P align="center">
Deliver great service experiences fast - without the complexity of traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete
audit trail for every change.
</P>
<fwb-p class="text-green-800 dark:text-green-400 italic">
Deliver great service experiences fast - without the complexity of traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.
</fwb-p>
</div>
</template>
<script setup>
import P from '../../../../src/components/Typography/P.vue'
import { FwbP } from '../../../../src/'
</script>

17
docs/components/typography/p/FwbPExampleWeight.vue Normal file
View File

@@ -0,0 +1,17 @@
<template>
<div class="vp-raw">
<fwb-p
class="mb-2"
weight="light"
>
Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams have richer contextual information to rapidly respond to requests, incidents, and changes.
</fwb-p>
<fwb-p weight="bold">
Deliver great service experiences fast - without the complexity of traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.
</fwb-p>
</div>
</template>
<script setup>
import { FwbP } from '../../../../src/'
</script>

12
docs/components/typography/p/PCustom.vue
View File

@@ -1,12 +0,0 @@
<template>
<div class="vp-raw">
<P class="!text-green-400 italic">
Deliver great service experiences fast - without the complexity of traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete
audit trail for every change.
</P>
</div>
</template>
<script setup>
import P from '../../../../src/components/Typography/P.vue'
</script>

16
docs/components/typography/p/PWeight.vue
View File

@@ -1,16 +0,0 @@
<template>
<div class="vp-raw">
<P class="mb-2" weight="light">
Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams
have richer contextual information to rapidly respond to requests, incidents, and changes.
</P>
<P weight="light">
Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete
audit trail for every change.
</P>
</div>
</template>
<script setup>
import P from '../../../../src/components/Typography/P.vue'
</script>