JSPM – @morpheme/banner@1.0.0-next.4+041c63cf

Package Exports

@morpheme/banner
@morpheme/banner/package.json
@morpheme/banner/src/VBanner.scss
@morpheme/banner/src/VBanner.stories.ts
@morpheme/banner/src/VBanner.test.ts
@morpheme/banner/src/VBanner.vue
@morpheme/banner/src/VBannerText.vue
@morpheme/banner/src/index.ts
@morpheme/banner/src/stories/Changelog.stories.mdx
@morpheme/banner/src/stories/Readme.stories.mdx
@morpheme/banner/src/symbol.ts
@morpheme/banner/src/vue.d.ts

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@morpheme/banner) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Morpheme Banner Component.

Installation

npm

npm i @morpheme/banner

yarn

yarn add @morpheme/banner

pnpm

pnpm i @morpheme/banner

Usage

<script setup lang="ts">
import {VBanner, VBannerText} from '@morpheme/banner';
import VBtn from '@morpheme/button';
</script>

<template>
  <VBanner color="primary">
    <VBannerText>
      Welcome to the <span class="font-semibold">Morpheme</span> Design System
    </VBannerText>
    <template #actions="{close}">
      <VBtn text flush @click="close" class="!text-white" prefix-icon="ri:close-line" />
    </template>
  </VBanner>
</template>

Documentation

Check out storybook documentation here.

License

MIT