Turbine UI - Laravel and Tailwind CSS Link Component

Link

Guide users to related content with clickable links

Tag: x-turbine-ui-link

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	Description
accent	boolean	Adds an accent
active	boolean	Sets state as active
border	boolean	Adds a border
divide	boolean	Adds a divide between elements
gradient	boolean	Adds a gradient
hollow	boolean	Removes background colour
hover	boolean	Adds a hover state
ring	boolean	Adds a ring
rounded	boolean	Adds a rounded corner
shadow	boolean	Adds a shadow
size	string	Size is used to control styles such as margin, padding and font size. Extensible via the theme.
variant	string	A variant is like a colour palette