Link

Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.

Разделы

# Основы

Для создания стилизованной ссылки можно воспользоваться компонентами moonshine::link или moonshine::link-native

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

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

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

Link Link

# Заливка

Параметр filled отвечает за заливку

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

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

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

Link Link

# Иконка

Можно передать параметр icon

<x-moonshine::link
    href="#"
    icon="heroicons.arrow-top-right-on-square"
>
    Link
</x-moonshine::link>
 
<x-moonshine::link-native
    href="#"
    icon="heroicons.arrow-top-right-on-square"
>
    Link
</x-moonshine::link-native>

<x-moonshine::link
    href="#"
    icon="heroicons.arrow-top-right-on-square"
>
    Link
</x-moonshine::link>

<x-moonshine::link-native
    href="#"
    icon="heroicons.arrow-top-right-on-square"
>
    Link
</x-moonshine::link-native>

Link Link