Banner

<%= render(Zui::Banner.new) { "Project Updated Successfully" } %>
<%= zui('banner', contrast: :high) { "Project Updated Successfully" } %>
<%= zui('banner', variant: :soft) { "Project Updated Successfully" } %>
<%= zui('banner', variant: :soft, contrast: :high) { "Project Updated Successfully" } %>

<%= render(Zui::Banner.new(color: :gray)) { "Project Updated Successfully" } %>
<%= zui('banner', color: :gray, contrast: :high) { "Project Updated Successfully" } %>
<%= zui('banner', color: :gray, variant: :soft) { "Project Updated Successfully" } %>
<%= zui('banner', color: :gray, variant: :soft, contrast: :high) { "Project Updated Successfully" } %>

<%= render(Zui::Banner.new(title: "Heads up!")) { "The files will be purged in 10 days."} %>
<%= zui('banner', contrast: :high, title: "Heads up!") { "The files will be purged in 10 days."} %>
<%= zui('banner', variant: :soft, title: "Heads up!") { "The files will be purged in 10 days."} %>
<%= zui('banner', variant: :soft, contrast: :high, title: "Heads up!") { "The files will be purged in 10 days."} %>

<%= render(Zui::Banner.new(title: "Error: File Upload Failed", color: :red, icon: "x-circle")) { "Please ensure the file size is within the accepted limit and try again" } %>
<%= zui('banner', color: :green, title: "Document Uploaded", icon: "check-circle") { "The file 'Proposal.docx' has been uploaded to the project's Documents section" } %>
<%= zui('banner', color: :yellow, title: "Attention!", icon: "alert-triangle") { "You are close to exhausting your plan limits." } %>

<%= render(Zui::Banner.new(icon: nil, class: "w-fit")) { "Project Updated Successfully" } %>

<%# Set auto_dismiss to true if you are removing the close button and want the banner to auto close%>
<%= render(Zui::Banner.new(icon: nil, class: "w-fit", has_close_button: false)) { "Project Updated Successfully" } %>