CraydelAlert

Installation

Get the latest version by NPM:

$ npm i @craydel-v3/craydel-alert

Component Import

Import the module chosen directly in your component

<script>
  import CraydelAlert from "@craydel-v3/craydel-alert/src/CraydelAlert.vue";

  export default {
    components: {CraydelAlert}
  }
</script>

Props

| Name | Type | Default | Description | |--------------|---------------------------------------------|-----------|:-----------------------------------------------------------------------------------------| | show-alert | boolean | false | Controls whether the component is visible or hidden. | | type | 'success' | 'info' | 'warning' | 'error' | undefined | Create a specialized alert that uses a contextual color and has a pre-defined icon. | | not-closable | boolean | false | Removes the close icon that can hide the alert. By default the alert shows a close icon. |

Events

| Name | Description | |-------|:----------------------------------------------------| | close | Event that is emitted when the component is closed. |

Usage

An example showing a red error alert without the close icon.

<craydel-alert show-alert type="error" not-closable>
  This is an error message
</craydel-alert>