<c-navigation-button>
Examples
<template>
<div class="example-row">
<c-navigation-button @click="menuVisible = !menuVisible" />
<p>Menu {{ menuVisible ? 'open' : 'closed' }}</p>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const menuVisible = ref(false);
</script>
API reference
<c-navigation-button>
CSS parts
Style from outside with c-navigation-button::part(name) — parts are the library's only styling customization API.
| Part | Description |
|---|---|
root | The inner c-icon-button carrying the menu icon |