mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-17 05:28:09 +01:00
56 lines
1.5 KiB
Vue
56 lines
1.5 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-[var(--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-[var(--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-[var(--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-[var(--ui-primary)]">
|
|
Link inactive with class
|
|
</ULink>
|
|
<ULink to="/components/button" disabled>
|
|
Link inactive disabled
|
|
</ULink>
|
|
</div>
|
|
</div>
|
|
</template>
|