tiptap/examples/Components/Navigation/index.vue
2018-08-22 19:28:57 +02:00

55 lines
1.3 KiB
Vue

<template>
<div class="navigation">
<div class="navigation__header">
<h1 class="navigation__logo">
tiptap <span class="navigation__beta">beta</span>
</h1>
<div>
<a class="navigation__link" href="https://github.com/heyscrumpy/tiptap/blob/master/CONTRIBUTING.md" target="_blank">
Contribute
</a>
<a class="navigation__github-link" href="https://github.com/heyscrumpy/tiptap" target="_blank">
<icon class="navigation__icon" name="github" />
</a>
</div>
</div>
<div class="navigation__links">
<router-link class="navigation__link" to="/">
Menu Bar
</router-link>
<router-link class="navigation__link" to="/menu-bubble">
Menu Bubble
</router-link>
<router-link class="navigation__link" to="/links">
Links
</router-link>
<router-link class="navigation__link" to="/hiding-menu-bar">
Hiding Menu Bar
</router-link>
<router-link class="navigation__link" to="/todo-list">
Todo List
</router-link>
<router-link class="navigation__link" to="/markdown-shortcuts">
Markdown Shortcuts
</router-link>
<router-link class="navigation__link" to="/read-only">
Read-Only
</router-link>
</div>
</div>
</template>
<script>
import Icon from 'Components/Icon'
export default {
components: {
Icon,
},
}
</script>
<style lang="scss" src="./style.scss" scoped></style>