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>