Swal.fire Alert attributes and stuff
Hi Sean and team
I love the feel of the Swal fire so I'm trying to make it a bit more customised as a standalone query (in place of the more clunky looking modals). I've checked your documentation here: https://preview.keenthemes.com/metronic/demo6/features/miscellaneous/sweetalert2.html, and here: https://preview.keenthemes.com/metronic8/demo1/documentation/general/sweetalert.html.
It doesn't appear to accept carriage returns (new lines) in the text data.
I've tried \n \r and </br>, and adding a new item in the Text array ['line 1 of text','line 2 of text']
None of these work, but I'm hopeful you can provide some guidance on a workaround.
Thanks
Replies (4)
You can achieve line breaks in SweetAlert2 (Swal.fire) by using HTML tags inside the text or html attribute. Since \n and <br> don’t work in text, try switching to html like this:
Swal.fire({
title: "Custom Alert",
html: "Line 1 of text<br>Line 2 of text",
icon: "info"
});Alternatively, if you're dynamically adding text, make sure to replace \n with <br> before passing it into the html field.
Hi,
You can try to use HTML format, instead of text:
swal({ title: "hi", html: "First line<br>Second line" });Regards.
All the best with your projects 
Your Support Matters!
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
