JSPM – @morpheme/bottom-navigation@1.0.1

Package Exports

@morpheme/bottom-navigation
@morpheme/bottom-navigation/package.json
@morpheme/bottom-navigation/src/VBottomNavigation.stories.ts
@morpheme/bottom-navigation/src/VBottomNavigation.test.ts
@morpheme/bottom-navigation/src/VBottomNavigation.vue
@morpheme/bottom-navigation/src/VBottomNavigationItem.vue
@morpheme/bottom-navigation/src/api.ts
@morpheme/bottom-navigation/src/index.ts
@morpheme/bottom-navigation/src/stories/Changelog.stories.mdx
@morpheme/bottom-navigation/src/stories/Readme.stories.mdx
@morpheme/bottom-navigation/src/vue.d.ts

Readme

Morpheme Bottom Navigation Component.

Installation

npm

npm i @morpheme/bottom-navigation

yarn

yarn add @morpheme/bottom-navigation

pnpm

pnpm i @morpheme/bottom-navigation

Usage

<script setup lang="ts">
import {VBottomNavigation, VBottomNavigationItem} from '@morpheme/bottom-navigation';
</script>

<template>
  <VBottomNavigation>
    <VBottomNavigationItem icon="ri:home-line">
      Home
    </VBottomNavigationItem>
    <VBottomNavigationItem icon="ri:history-line">
      Recents
    </VBottomNavigationItem>
    <VBottomNavigationItem icon="ri:heart-line">
      Favorites
    </VBottomNavigationItem>
    <VBottomNavigationItem icon="ri:map-pin-2-line">
      Nearby
    </VBottomNavigationItem>
    <VBottomNavigationItem icon="ri:user-line">
      Account
    </VBottomNavigationItem>
  </VBottomNavigation>
</template>

Documentation

Check out storybook documentation here.

License

MIT