mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-23 00:15:05 +01:00
56 lines
1.4 KiB
Vue
56 lines
1.4 KiB
Vue
<template>
|
|
<div class="flex items-center gap-4">
|
|
<div class="flex flex-col items-start gap-2 text-sm">
|
|
<ULink raw>
|
|
Button raw
|
|
</ULink>
|
|
|
|
<ULink active>
|
|
Button active
|
|
</ULink>
|
|
<ULink active class="font-medium" active-class="text-[--ui-text-highlighted]">
|
|
Button active with class
|
|
</ULink>
|
|
<ULink active disabled>
|
|
Button active disabled
|
|
</ULink>
|
|
|
|
<ULink>
|
|
Button inactive
|
|
</ULink>
|
|
<ULink class="font-medium" inactive-class="hover:text-[--ui-primary]">
|
|
Button inactive with class
|
|
</ULink>
|
|
<ULink disabled>
|
|
Button inactive disabled
|
|
</ULink>
|
|
</div>
|
|
|
|
<div class="flex flex-col items-start gap-2 text-sm">
|
|
<ULink to="/components/link" raw>
|
|
Link raw
|
|
</ULink>
|
|
|
|
<ULink to="/components/link">
|
|
Link active
|
|
</ULink>
|
|
<ULink to="/components/link" class="font-medium" active-class="text-[--ui-text-highlighted]">
|
|
Link active with class
|
|
</ULink>
|
|
<ULink to="/components/link" disabled>
|
|
Link active disabled
|
|
</ULink>
|
|
|
|
<ULink to="/components/button">
|
|
Link inactive
|
|
</ULink>
|
|
<ULink to="/components/button" class="font-medium" inactive-class="hover:text-[--ui-primary]">
|
|
Link inactive with class
|
|
</ULink>
|
|
<ULink to="/components/button" disabled>
|
|
Link inactive disabled
|
|
</ULink>
|
|
</div>
|
|
</div>
|
|
</template>
|