arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-31 04:07:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

playground(link): improve

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-22 12:49:59 +01:00
parent 4bd0d71875
commit 2fefa8ab74
1 changed files with 47 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
playground/pages/link.vue
View File

@@ -1,51 +1,55 @@
<template> <template>
<div class="flex flex-col items-start gap-2 text-sm"> <div class="flex items-center gap-4">
<ULink raw> <div class="flex flex-col items-start gap-2 text-sm">
Button raw <ULink raw>
</ULink> Button raw
</ULink>
<ULink active> <ULink active>
Button active Button active
</ULink> </ULink>
<ULink active class="font-medium" active-class="text-gray-900 dark:text-white"> <ULink active class="font-medium" active-class="text-gray-900 dark:text-white">
Button active with class Button active with class
</ULink> </ULink>
<ULink active disabled> <ULink active disabled>
Button active disabled Button active disabled
</ULink> </ULink>
<ULink> <ULink>
Button inactive Button inactive
</ULink> </ULink>
<ULink class="font-medium" inactive-class="hover:text-primary-500 dark:hover:text-primary-400"> <ULink class="font-medium" inactive-class="hover:text-primary-500 dark:hover:text-primary-400">
Button inactive with class Button inactive with class
</ULink> </ULink>
<ULink disabled> <ULink disabled>
Button inactive disabled Button inactive disabled
</ULink> </ULink>
</div>
<ULink to="/link" raw> <div class="flex flex-col items-start gap-2 text-sm">
Link raw <ULink to="/link" raw>
</ULink> Link raw
</ULink>
<ULink to="/link"> <ULink to="/link">
Link active Link active
</ULink> </ULink>
<ULink to="/link" class="font-medium" active-class="text-gray-900 dark:text-white"> <ULink to="/link" class="font-medium" active-class="text-gray-900 dark:text-white">
Link active with class Link active with class
</ULink> </ULink>
<ULink to="/link" disabled> <ULink to="/link" disabled>
Link active disabled Link active disabled
</ULink> </ULink>
<ULink to="/button"> <ULink to="/button">
Link inactive Link inactive
</ULink> </ULink>
<ULink to="/button" class="font-medium" inactive-class="hover:text-primary-500 dark:hover:text-primary-400"> <ULink to="/button" class="font-medium" inactive-class="hover:text-primary-500 dark:hover:text-primary-400">
Link inactive with class Link inactive with class
</ULink> </ULink>
<ULink to="/button" disabled> <ULink to="/button" disabled>
Link inactive disabled Link inactive disabled
</ULink> </ULink>
</div>
</div> </div>
</template> </template>