JSPM

  • Created
  • Published
  • Downloads 107
  • Score
    100M100P100Q57686F
  • License MIT

GITS Alert component is a flexible alert component that can be used to display various types of messages to the user.

Package Exports

  • @gits-id/alert
  • @gits-id/alert/package.json
  • @gits-id/alert/src/Changelog.stories.mdx
  • @gits-id/alert/src/Readme.stories.mdx
  • @gits-id/alert/src/VAlert.dark.scss
  • @gits-id/alert/src/VAlert.scss
  • @gits-id/alert/src/VAlert.spec.ts
  • @gits-id/alert/src/VAlert.stories.ts
  • @gits-id/alert/src/VAlert.vue
  • @gits-id/alert/src/index.ts
  • @gits-id/alert/src/stories/AlertCustomStory.vue
  • @gits-id/alert/src/stories/AlertTransitionStory.vue
  • @gits-id/alert/src/stories/AlertVModelStory.vue
  • @gits-id/alert/src/vue.d.ts

Readme

GITS Alert

GITS Alert component is a flexible alert component that can be used to display various types of messages to the user.

Installation

Install with your prefered package manager.

With NPM:

npm i @gits-id/alert

With Yarn:

yarn add @gits-id/alert

With PNPM:

pnpm i @gits-id/alert

Usage

To use the component, you can simply include it in your template like this:

<script setup lang="ts">
// import component
import VAlert from '@gits-id/alert';
// import styles (includes dark mode)
import '@gits-id/alert/dist/style.css';
// or import the SASS styles
import '@gits-id/alert/src/VAlert.scss';
// if are using SASS bundle and want to add dark mode support,
// uncomment this line
// import '@gits-id/alert/src/VAlert.dark.scss';
</script>

<template>
  <VAlert color="primary"> Hello World </VAlert>
</template>

Documentation

View full documentation here.

License

MIT