pages._explore-components-base-link.title
pages._explore.sections.basic-usage.title
html
<BaseLink
:route="'/somewhere'"
class="group relative mb-2 h-10 w-10 rounded bg-surfaceRaised-active p-2 transition-colors duration-500 ease-in-out hover:bg-surfaceRaised-hovered !text-surfaceRaised-text hover:opacity-100"
:title="'go somewhere'"
:target="LinkTargetTypes.BLANK"
>
<Icon
name="solar:square-arrow-left-bold-duotone"
/>
</BaseLink>typescript
<script setup lang="ts">
import { LinkTargetTypes } from '#core-types/link'
</script>pages._explore.sections.props.title
Prop | Default | Type |
|---|---|---|
| route | undefined | string |
| target | _self | LinkTargetTypes |
| title | undefined | string |
| ariaLabel | undefined | string |
| anchor | undefined | string |
pages._explore.sections.types.title
Name | Type | Options |
|---|---|---|
| LinkTargetTypes | enum | SELF | BLANK |
pages._explore.sections.slots.title
Slot | Type |
|---|---|
| default | {} |