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

21
docs/components/avatar/examples/AvatarAlternativePlaceholderExample.vue
View File

@@ -1,21 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar class="mr-2.5">
<template #placeholder>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</template>
</Avatar>
<Avatar rounded>
<template #placeholder>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</template>
</Avatar>
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

8
docs/components/avatar/examples/AvatarAlternativeTextExample.vue
View File

@@ -1,8 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar status="online" alt="Alternative text" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"/>
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

9
docs/components/avatar/examples/AvatarBorderedExample.vue
View File

@@ -1,9 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar status="online" bordered img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" bordered rounded img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

11
docs/components/avatar/examples/AvatarDotIndicatorExample.vue
View File

@@ -1,11 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" status="online" />
<Avatar img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" status="busy" />
<Avatar img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" status="away" />
<Avatar img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" status="offline" />
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

15
docs/components/avatar/examples/AvatarDotIndicatorPositionExample.vue
View File

@@ -1,15 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar status="online" status-position="top-left" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" status-position="top-left" rounded img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" status-position="top-right" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" status-position="top-right" rounded img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" status-position="bottom-left" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" status-position="bottom-left" rounded img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" status-position="bottom-right" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" status-position="bottom-right" rounded img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

9
docs/components/avatar/examples/AvatarExample.vue
View File

@@ -1,9 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar status="online" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar status="online" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" rounded />
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

9
docs/components/avatar/examples/AvatarPlaceholderExample.vue
View File

@@ -1,9 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar class="mr-2.5" />
<Avatar rounded />
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

9
docs/components/avatar/examples/AvatarPlaceholderInitialsExample.vue
View File

@@ -1,9 +0,0 @@
<template>
<div class="vp-raw flex">
<Avatar initials="JD" class="mr-2.5" />
<Avatar initials="JD" rounded />
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

14
docs/components/avatar/examples/AvatarSizeExample.vue
View File

@@ -1,14 +0,0 @@
<template>
<div class="vp-raw">
<div class="flex items-center">
<Avatar size="xs" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar size="sm" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar size="md" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar size="lg" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
<Avatar size="xl" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" class="mr-2.5" />
</div>
</div>
</template>
<script setup>
import { Avatar } from '../../../../src/index'
</script>

15
docs/components/avatar/examples/FwbAvatarExample.vue Normal file
View File

@@ -0,0 +1,15 @@
<template>
<div class="vp-raw flex justify-center space-x-4">
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
rounded
/>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

12
docs/components/avatar/examples/FwbAvatarExampleAlt.vue Normal file
View File

@@ -0,0 +1,12 @@
<template>
<div class="vp-raw flex justify-center">
<fwb-avatar
alt="Alternative text"
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

17
docs/components/avatar/examples/FwbAvatarExampleBordered.vue Normal file
View File

@@ -0,0 +1,17 @@
<template>
<div class="vp-raw flex justify-center space-x-4">
<fwb-avatar
bordered
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
<fwb-avatar
bordered
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
rounded
/>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

44
docs/components/avatar/examples/FwbAvatarExampleIcon.vue Normal file
View File

@@ -0,0 +1,44 @@
<template>
<div class="vp-raw flex justify-center space-x-4">
<fwb-avatar>
<template #placeholder>
<svg
class="w-12 h-12"
fill="none"
stroke-width="1.5"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>
</fwb-avatar>
<fwb-avatar rounded>
<template #placeholder>
<svg
class="w-12 h-12"
fill="none"
stroke-width="1.5"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>
</fwb-avatar>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

13
docs/components/avatar/examples/FwbAvatarExampleInitials.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
<div class="vp-raw flex justify-center space-x-4">
<fwb-avatar initials="JD" />
<fwb-avatar
initials="JD"
rounded
/>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

10
docs/components/avatar/examples/FwbAvatarExamplePlaceholder.vue Normal file
View File

@@ -0,0 +1,10 @@
<template>
<div class="vp-raw flex justify-center space-x-4">
<fwb-avatar />
<fwb-avatar rounded />
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

28
docs/components/avatar/examples/FwbAvatarExampleSize.vue Normal file
View File

@@ -0,0 +1,28 @@
<template>
<div class="vp-raw flex justify-center items-center space-x-4">
<fwb-avatar
size="xs"
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
<fwb-avatar
size="sm"
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
<fwb-avatar
size="md"
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
<fwb-avatar
size="lg"
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
<fwb-avatar
size="xl"
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
/>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

61
docs/components/avatar/examples/FwbAvatarExampleStack.vue Normal file
View File

@@ -0,0 +1,61 @@
<template>
<div class="vp-raw grid gap-2">
<fwb-avatar-stack>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-1.jpg"
rounded
stacked
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-2.jpg"
rounded
stacked
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-3.jpg"
rounded
stacked
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-4.jpg"
rounded
stacked
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
rounded
stacked
/>
</fwb-avatar-stack>
<fwb-avatar-stack>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-1.jpg"
rounded
stacked
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-2.jpg"
rounded
stacked
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-3.jpg"
rounded
stacked
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-4.jpg"
rounded
stacked
/>
<fwb-avatar-stack-counter
href="#"
:total="99"
/>
</fwb-avatar-stack>
</div>
</template>
<script setup>
import { FwbAvatar, FwbAvatarStack, FwbAvatarStackCounter } from '../../../../src/index'
</script>

24
docs/components/avatar/examples/FwbAvatarExampleStatus.vue Normal file
View File

@@ -0,0 +1,24 @@
<template>
<div class="vp-raw flex justify-center space-x-4">
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status="busy"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status="away"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status="offline"
/>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

52
docs/components/avatar/examples/FwbAvatarExampleStatusPosition.vue Normal file
View File

@@ -0,0 +1,52 @@
<template>
<div class="vp-raw flex justify-center space-x-4">
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status-position="top-left"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
rounded
status-position="top-left"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status-position="top-right"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
rounded
status-position="top-right"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status-position="bottom-left"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
rounded
status-position="bottom-left"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
status-position="bottom-right"
status="online"
/>
<fwb-avatar
img="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
rounded
status-position="bottom-right"
status="online"
/>
</div>
</template>
<script setup>
import { FwbAvatar } from '../../../../src/index'
</script>

21
docs/components/avatar/examples/StackedAvatarsExample.vue
View File

@@ -1,21 +0,0 @@
<template>
<div class="vp-raw flex-col">
<StackedAvatars>
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-1.jpg" rounded />
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-2.jpg" rounded />
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-3.jpg" rounded />
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-4.jpg" rounded />
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" rounded />
</StackedAvatars>
<StackedAvatars class="mt-2.5">
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-1.jpg" rounded />
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-2.jpg" rounded />
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-3.jpg" rounded />
<Avatar stacked img="https://flowbite.com/docs/images/people/profile-picture-4.jpg" rounded />
<StackedAvatarsCounter total="99" href="#" />
</StackedAvatars>
</div>
</template>
<script setup>
import { StackedAvatars, Avatar, StackedAvatarsCounter } from '../../../../src/index'
</script>