Link

View Source 

Usage

@import "winduum/src/ui/link/index.css" layer(components);

Variants

• default 
• interactive 

Props

• default-props 
• interactive-props 

Installation

Follow instructions for individual framework usage below

• winduum 
• winduum-vue 
• winduum-react 

Examples

Basic

html

<a href="#" class="ui-link" title="">
    Link Default
</a>
<a href="#" class="ui-link accent-primary" title="">
    Link Primary
</a>

vue

<script setup lang="ts">
    import { UiLink } from '@/components/ui/link'
</script>

<template>
    <UiLink href="#" title="">
        Link Default
    </UiLink>
    <UiLink href="#" class="accent-primary" title="">
        Link Primary
    </UiLink>
</template>

jsx

import { UiLink } from '@/components/ui/link'

export function Example() {
    return (
        <>
            <UiLink href="#" title="">
                Link Default
            </UiLink>
            <UiLink href="#" className="accent-primary" title="">
                Link Primary
            </UiLink>
        </>
    )
}

Underline

<a href="#" class="ui-link underline" title="">
    Link Default
</a>
<a href="#" class="ui-link accent-primary underline decoration-transparent" title="">
    Link Primary
</a>