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

88
docs/components/paragraph.md
View File

@@ -1,8 +1,8 @@
<script setup>
import P from './typography/p/P.vue'
import PWeight from './typography/p/PWeight.vue'
import PAlign from './typography/p/PAlign.vue'
import PCustom from './typography/p/PCustom.vue'
import FwbPExample from './typography/p/FwbPExample.vue'
import FwbPExampleAlign from './typography/p/FwbPExampleAlign.vue'
import FwbPExampleCustom from './typography/p/FwbPExampleCustom.vue'
import FwbPExampleWeight from './typography/p/FwbPExampleWeight.vue'
</script>
# Vue Paragraph - Flowbite
@@ -15,22 +15,26 @@ Use this example of a paragraph element to use inside article content or a landi
```vue
<template>
<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>
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
<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.
</fwb-p>
<fwb-p>
Deliver great service experiences fast - without the complexityof
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>
</template>
<script setup>
import P from 'flowbite-vue'
import { FwbP } from 'flowbite-vue'
</script>
```
<P />
<fwb-p-example />
## Weight
@@ -38,22 +42,26 @@ Use `weight` prop to set the text-weight.
```vue
<template>
<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
<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 complexityof
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>
</template>
<script setup>
import P from 'flowbite-vue'
import { FwbP } from 'flowbite-vue'
</script>
```
<PWeight />
<fwb-p-example-weight />
## Alignment
@@ -61,18 +69,32 @@ Use `align` prop to set the text alignment.
```vue
<template>
<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
<fwb-p align="left" class="mb-2">
Deliver great service experiences fast - without the complexityof
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>
<fwb-p align="center" class="mb-2">
Deliver great service experiences fast - without the complexityof
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 complexityof
traditional ITSM solutions. Accelerate critical development work,
eliminate toil, and deploy changes with ease, with a complete
audit trail for every change.
</fwb-p>
</template>
<script setup>
import P from 'flowbite-vue'
import { FwbP } from 'flowbite-vue'
</script>
```
<PAlign />
<fwb-p-example-align />
## Custom classes
@@ -80,15 +102,17 @@ Use `class` attribute to apply the tailwind classes.
```vue
<template>
<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
<fwb-p class="text-green-600 dark:text-green-400 italic">
Deliver great service experiences fast - without the complexityof
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>
</template>
<script setup>
import P from 'flowbite-vue'
import { FwbP } from 'flowbite-vue'
</script>
```
<PCustom />
<fwb-p-example-custom />