-
Notifications
You must be signed in to change notification settings - Fork 32
/
accordion.html.erb
51 lines (37 loc) · 1.47 KB
/
accordion.html.erb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<%= 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 %>