Contents

<%= render "layouts/documentation/component_header",
  title: "Accordion",
  description: "A vertically stacked set of interactive headings that each reveal a section of content." %>

<% content_for :preview, flush: true do %>
<div class="w-full">
  <%= render_code_preview('accordion') %>
</div>
<% end %>

<% content_for :code, flush: true do %>
  <%= code_partial("accordion/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 accordion
<% 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"><a href="/docs/components/dialog#usage">Usage</a></h2>

<%= code_partial("accordion/usage", :erb) %>

<%= render_usage("accordion") %>

<% content_for :examples, flush: true do %>
  <div class="w-full flex justify-center">
    <%= render "examples/components/accordion/code/description" %>
  </div>
<% end %>

<% content_for :code, flush: true do %>
  <%= code_partial("accordion/description.html", :erb) %>
<% end %>

<%= render_example %>

<% content_for :examples, flush: true do %>
  <div class="w-full flex justify-center">
    <%= render "examples/components/accordion/code/block" %>
  </div>
<% end %>

<% content_for :code, flush: true do %>
  <%= code_partial("accordion/block.html", :erb) %>
<% end %>

<%= render_example %>

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
shadcn-ui-0.0.15	app/views/examples/components/accordion.html.erb
shadcn-ui-0.0.14	app/views/examples/components/accordion.html.erb
shadcn-ui-0.0.13	app/views/examples/components/accordion.html.erb
shadcn-ui-0.0.12	app/views/examples/components/accordion.html.erb