@craydel-v3/craydel-alert

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>