blatui

Components

Link

An inline, prose-friendly text link with default, muted and subtle variants.

php artisan blatui:add link

By creating an account you agree to our Terms of Service and Privacy Policy . 

<p class="text-muted-foreground max-w-md text-sm">
    By creating an account you agree to our
    <x-ui.link href="#">Terms of Service</x-ui.link> and
    <x-ui.link href="#">Privacy Policy</x-ui.link>.
</p>

Variants

Default: View the agency Muted: Forgot password? Subtle: Read the changelog External: Laravel docs (opens in new tab) 
<div class="flex flex-col gap-2 text-sm">
    <span>Default: <x-ui.link href="#">View the agency</x-ui.link></span>
    <span>Muted: <x-ui.link href="#" variant="muted">Forgot password?</x-ui.link></span>
    <span>Subtle: <x-ui.link href="#" variant="subtle">Read the changelog</x-ui.link></span>
    <span>External: <x-ui.link href="https://laravel.com" external>Laravel docs</x-ui.link></span>
</div>

API Reference

Props, slots and exposed methods for <x-ui.link>.

Props

Prop Type Default Description
href string '#' The destination URL for the anchor.
variant string 'default' Visual style: default is a primary-colored underlined link, muted is low-contrast, subtle has no underline until hover.
default muted subtle
external bool false Open in a new tab. Adds target="_blank" with rel="noopener noreferrer" and an "(opens in new tab)" hint for screen readers.

Slots

Slot Description
default The link text or inline content.