Link

• Основы
• Подсказка
• Заливка
• Иконка

Основы

Для создания стилизованной ссылки можно использовать компонент Link.

make(
    Closure|string $href,
    Closure|string $label = ''
)

• $href - ссылка на ресурс,
• $value - название ссылки.

use MoonShine\UI\Components\Link;
 
Link::make('https://moonshine-laravel.com', 'Moonshine')

<x-moonshine::link-button href="#">
    Link
</x-moonshine::link-button>
 
<x-moonshine::link-native href="#">
    Link
</x-moonshine::link-native>

Подсказка

Для отображения подсказки при наведении используется метод tooltip().

Link::make('https://moonshine-laravel.com', 'Moonshine')
    ->tooltip('Tooltip')

Заливка

За заливку отвечает метод filled().

Link::make('https://moonshine-laravel.com', 'Moonshine')
    ->filled()

<x-moonshine::link-button
    href="#"
    :filled="true"
>
    Link
</x-moonshine::link-button>
 
<x-moonshine::link-native
    href="#"
    :filled="true"
>
    Link
</x-moonshine::link-native>

Иконка

Для добавления иконки используйте метод icon().

Link::make('https://moonshine-laravel.com', 'Moonshine')
    ->icon('arrow-top-right-on-square')