Wordmark
Table of Contents
Size#
By default, the sizing is fluid, which can be changed to inherit a specified value.
prev next <!doctype html>
<html lang="en" class="auto">
<head>
<title></title>
</head>
<body class="bg-base">
<p-wordmark class="h-[20px]" size="inherit"></p-wordmark>
<script>
</script>
</body>
</html>
Custom clickable/focusable area#
Sometimes it might be useful to enlarge the clickable/focusable area of the p-wordmark. Therefore a custom padding can
be set on the host element.
prev next <!doctype html>
<html lang="en" class="auto">
<head>
<title></title>
</head>
<body class="bg-base">
<p-wordmark class="p-static-md" href="https://porsche.com" aria="{'aria-label': 'Porsche Homepage'}"></p-wordmark>
<script>
</script>
</body>
</html>
