Sha256: d19356842054b051c3cb8e92afb8c68a36401ea3cb630647da8620f7e1329dd1
Contents?: true
Size: 1.37 KB
Versions: 7
Compression:
Stored size: 1.37 KB
Contents
<%= render_component_header title: "Toast",
description: "A succinct message that is displayed temporarily." %>
<% content_for :preview, flush: true do %>
<div class="w-full flex justify-center">
<%= render_button "Trigger Toast", variant: "outline", data: {controller: "ui--toast", action: "ui--toast#trigger", target: "#default_toast"} %>
<%= render_code_preview('toast') %>
</div>
<% end %>
<% content_for :code, flush: true do %>
<%= code_partial("toast/preview", :erb) %>
<% end %>
<%= render_preview %>
<h2 class="font-heading scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0" id="installation">Installation</h2>
<%= code_sample(language: "sh") do %>
rails generate shadcn-ui toast
<% end %>
<h2 class="font-heading mt-12 scroll-m-20 border-b pb-2 mb-2 text-2xl font-semibold tracking-tight first:mt-0" id="usage">Usage</h2>
<%= code_partial("toast/usage", :erb) %>
<%= render_usage("toast") %>
<% content_for :examples, flush: true do %>
<div class="w-full flex justify-center">
<%= render_button "Trigger Destructive Toast", variant: "outline", data: {controller: "ui--toast", action: "ui--toast#trigger", target: "#alert_toast"} %>
<%= render "examples/components/toast/code/destructive" %>
</div>
<% end %>
<% content_for :code, flush: true do %>
<%= code_partial("toast/destructive", :erb) %>
<% end %>
<%= render_example %>
Version data entries
7 entries across 7 versions & 1 rubygems