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

Fixed button docs inconsistencies (#223)

Browse Source 
* fix: Fixed dropzone not applying multiple prop (#185)

* fix: Fixed button docs inconsistencies
This commit is contained in:
Taha Okumuş
2023-10-09 10:59:44 +03:00
committed by GitHub
parent 99a9fdaff2
commit 88c1172924
2 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/components/button.md
View File

@@ -193,13 +193,12 @@ defineProps({
import { Button } from 'flowbite-vue' import { Button } from 'flowbite-vue'
</script> </script>
<template> <template>
<Button gradient="purple-blue">Purple to blue</Button> <Button color="default" outline>Default</Button>
<Button gradient="cyan-blue">Cyan to blue</Button> <Button color="dark" outline>Dark</Button>
<Button gradient="green-blue">Green to blue</Button> <Button color="green" outline>Green</Button>
<Button gradient="purple-pink">Purple to pink</Button> <Button color="red" outline>Red</Button>
<Button gradient="pink-orange">Pink to orange</Button> <Button color="yellow" outline>Yellow</Button>
<Button gradient="teal-lime">Teal to lime</Button> <Button color="purple" outline>Purple</Button>
<Button gradient="red-yellow">Red to yellow</Button>
</template> </template>
``` ```
@@ -359,18 +358,11 @@ defineProps({
import { Button } from 'flowbite-vue' import { Button } from 'flowbite-vue'
</script> </script>
<template> <template>
<Button gradient="red-yellow" square> <Button color="default" disabled>Default</Button>
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> <Button color="default" outline disabled>Default outline</Button>
</Button> <Button gradient="red" disabled>Red gradient</Button>
<Button color="default" pill square> <Button gradient="red-yellow" disabled>Red to yellow gradient</Button>
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> <Button gradient="red-yellow" outline disabled>Red to yellow outline</Button>
</Button>
<Button color="dark" outline square>
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</Button>
<Button color="yellow" pill outline square>
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</Button>
</template> </template>
``` ```
## Prop - href ## Prop - href

1
docs/components/button/examples/ButtonLinkExample.vue
View File

@@ -1,6 +1,7 @@
<template> <template>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap"> <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<Button color="default" href="https://google.com" target="_blank">Default</Button> <Button color="default" href="https://google.com" target="_blank">Default</Button>
<Button href="/about" tag="router-link">Router link</Button>
</div> </div>
</template> </template>
<script setup> <script setup>