1.0.7 • Published 2 years ago
@craydel-v3/craydel-alert v1.0.7
CraydelAlert
Installation
Get the latest version by NPM:
$ npm i @craydel-v3/craydel-alertComponent 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>