Using the bootstrap-sweetalert library in my project has presented some challenges. To start, I followed these steps for installation:
`bower install bootstrap-sweetalert --save`
After installation, I needed to include the path in the angular-cli.json file:
"scripts" : [
"../bower_components/bootstrap-sweetalert/dist/sweetalert.js"
],
Next, I had to make changes to the styles.css file in the assets directory by adding the following code:
@import "../../../bower_components/bootstrap-sweetalert/dist/sweetalert.css";
The HTML implementation looked like this:
<button class="btn btn-circle green-haze btn-outline sbold uppercase mt-sweetalert" data-title="Sweet Alerts with Icons" data-message="Success Icon" data-type="success" data-allow-outside-click="true"
data-confirm-button-class="btn-success">Icon Success Alert</button>
Unfortunately, despite following these instructions, the functionality did not work as expected. I tried adding an alert() function directly into the sweetalert.js file, which worked fine. However, the issue persisted with the HTML file.
If anyone has experienced a similar problem and found a solution, please let me know. Thank you!