Alert

Alert component

Install

$ npm install @poetadigital/vue-alert --save

Getting Starting

How to use component

Parameters

| Props | Required | Default | Type | Description | |------------------|----------|---------|--------|---------------------------------------------------------------| | message | N | - | String | Alert message | | alertType | N | error | String | error, warning, success, custom | | :customStyle | N | fasle | Object | A custom style object to override the base styles. | | :customIconStyle | N | - | Object | A custom icon style object to override the base icon styles. | | :customTextStyle | N | - | Object | A custom text style object to override the base text styles. | | customClass | N | - | String | A custom class to override the base classes. | | customIconClass | N | - | String | A custom icon class object to override the base icon classes. | | customTextClass | N | - | String | A custom text class object to override the base text classes. |

Usage

<template>
  <div class="App">
    <PAlert alertType="error" message="Error messages" />
  </div>
</template>

<script>
import PAlert from '@poetadigital/vue-alert';

export default {
  components: { PAlert }
};
</script>

<style scoped></style>

License

MIT © Poeta Digital