Streamline the Laravel SaaS Starter Kit - Launch Your Next SaaS Today

Link

Guide users to related content with clickable links

x-t-link
Slug: link

Preview and Examples

default link brand link primary link secondary link success link warning link danger link 
<x-t-link
    href="#"
>
    default link
</x-t-link>
 
<x-t-link
    href="#"
    variant="brand"
>
    brand link
</x-t-link>
 
<x-t-link
    href="#"
    variant="primary"
>
    primary link
</x-t-link>
 
<x-t-link
    href="#"
    variant="secondary"
>
    secondary link
</x-t-link>
 
<x-t-link
    href="#"
    variant="success"
>
    success link
</x-t-link>
 
<x-t-link
    href="#"
    variant="warning"
>
    warning link
</x-t-link>
 
<x-t-link
    href="#"
    variant="danger"
>
    danger link
</x-t-link>

Attributes

Name Type Options Description
accent boolean
true false
Adds an accent
active boolean
true false
Sets state as active
border boolean
true false
Adds a border
divide boolean
true false
Adds a divide between elements
gradient boolean
true false
Adds a gradient
hollow boolean
true false
Removes background colour
hover boolean
true false
Adds a hover state
ring boolean
true false
Adds a ring
rounded boolean
true false
Adds rounded corners
shadow boolean
true false
Adds a shadow
size string
xs sm md lg xl 2xl
Controls component scale
variant string
default brand primary secondary success warning danger light dark
A variant is like a colour palette