Link with specific icon Framework routing (anchor nesting) Examples how to use with Framework specific router and 'active state' support Link Pure with custom clickable/focusable area
icon property. If you need to
link to another icon hosted somewhere else, just set the whole icon path to the iconSource prop.
<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-link-pure href="https://porsche.com" icon="phone">
Some label
</p-link-pure>
<p-link-pure href="https://porsche.com" icon-source="assets/icon-custom-kaixin.svg" hide-label="true">
Some label
</p-link-pure>
<script>
</script>
</body>
</html>
<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-link-pure>
<a href="https://porsche.com">
Some label
</a>
</p-link-pure>
<script>
</script>
</body>
</html><p-link-pure [active]="rla.isActive">
<a routerLink="/path/to/heaven" routerLinkActive #rla="routerLinkActive"></a>
</p-link-pure>
<PLinkPure active={isActive}>
<Link to="/path/to/heaven">Some label</Link>
</PLinkPure>
<router-link :to="/path/to/heaven" v-slot="{ href, navigate, isActive }">
<p-link-pure :href="href" @click="navigate" :active="isActive">Some label</p-link-pure>
</router-link>
<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-link-pure href="https://porsche.com" class="p-static-md">
Some label
</p-link-pure>
<script>
</script>
</body>
</html>