x
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
52
53
54
55
56
57
58
59
60
<div class="max-w-lg"> <h2 class="text-xl font-semibold mb-4">Frequently Asked Questions</h2> <div class="w-full" data-controller="ui--accordion" data-ui--accordion-type-value="single" data-ui--accordion-values-value="[]" id="ui-accordion-b1bc8159"> <div class="border-b last:border-b-0" data-ui--accordion-target="item" data-value="faq-0" data-state="closed"> <h3 class="contents"><button id="ui-accordion-trigger-16f4a9eb" class="group flex w-full items-center gap-3 py-2 text-sm font-medium hover:underline text-left text-primary rounded disabled:pointer-events-none disabled:opacity-50 transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background" type="button" aria-expanded="false" aria-controls="ui-accordion-content-7cfcba6f22c0" data-ui--accordion-target="trigger" data-action="click->ui--accordion#toggle keydown->ui--accordion#keydown"><i data-lucide="chevron-right" class="inline-block w-4 h-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" aria-hidden="true"></i> How do I reset my password?</button></h3> <div id="ui-accordion-content-a003d2df" role="region" class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 data-[state=open]:grid-rows-[1fr]" aria-labelledby="ui-accordion-trigger-7cfcba6f22c0" data-ui--accordion-target="content" data-state="closed"> <div class="overflow-hidden min-h-0"> <div class="pl-8 pb-4 text-sm"> <p class="text-muted-foreground">Go to Settings > Security and click 'Change Password'. You'll need to enter your current password and your new password.</p> </div> </div> </div> </div> <div class="border-b last:border-b-0" data-ui--accordion-target="item" data-value="faq-1" data-state="closed"> <h3 class="contents"><button id="ui-accordion-trigger-64223178" class="group flex w-full items-center gap-3 py-2 text-sm font-medium hover:underline text-left text-primary rounded disabled:pointer-events-none disabled:opacity-50 transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background" type="button" aria-expanded="false" aria-controls="ui-accordion-content-23e3f737d40c" data-ui--accordion-target="trigger" data-action="click->ui--accordion#toggle keydown->ui--accordion#keydown"><i data-lucide="chevron-right" class="inline-block w-4 h-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" aria-hidden="true"></i> Can I import data from another system?</button></h3> <div id="ui-accordion-content-cfe545f3" role="region" class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 data-[state=open]:grid-rows-[1fr]" aria-labelledby="ui-accordion-trigger-23e3f737d40c" data-ui--accordion-target="content" data-state="closed"> <div class="overflow-hidden min-h-0"> <div class="pl-8 pb-4 text-sm"> <p class="text-muted-foreground">Yes, we import CSV and JSON files. Go to Admin > Data Import and follow the wizard to map your fields.</p> </div> </div> </div> </div> <div class="border-b last:border-b-0" data-ui--accordion-target="item" data-value="faq-2" data-state="closed"> <h3 class="contents"><button id="ui-accordion-trigger-acf8ee53" class="group flex w-full items-center gap-3 py-2 text-sm font-medium hover:underline text-left text-primary rounded disabled:pointer-events-none disabled:opacity-50 transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background" type="button" aria-expanded="false" aria-controls="ui-accordion-content-210e2777bf2c" data-ui--accordion-target="trigger" data-action="click->ui--accordion#toggle keydown->ui--accordion#keydown"><i data-lucide="chevron-right" class="inline-block w-4 h-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" aria-hidden="true"></i> What integrations are available?</button></h3> <div id="ui-accordion-content-0b5b0150" role="region" class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 data-[state=open]:grid-rows-[1fr]" aria-labelledby="ui-accordion-trigger-210e2777bf2c" data-ui--accordion-target="content" data-state="closed"> <div class="overflow-hidden min-h-0"> <div class="pl-8 pb-4 text-sm"> <p class="text-muted-foreground">Most tools connect through our API and webhooks, and the integrations page lists ready-made ones.</p> </div> </div> </div> </div> <div class="border-b last:border-b-0" data-ui--accordion-target="item" data-value="faq-3" data-state="closed"> <h3 class="contents"><button id="ui-accordion-trigger-b2591c5d" class="group flex w-full items-center gap-3 py-2 text-sm font-medium hover:underline text-left text-primary rounded disabled:pointer-events-none disabled:opacity-50 transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background" type="button" aria-expanded="false" aria-controls="ui-accordion-content-84bbe08a636f" data-ui--accordion-target="trigger" data-action="click->ui--accordion#toggle keydown->ui--accordion#keydown"><i data-lucide="chevron-right" class="inline-block w-4 h-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" aria-hidden="true"></i> Is there a mobile app?</button></h3> <div id="ui-accordion-content-23629393" role="region" class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 data-[state=open]:grid-rows-[1fr]" aria-labelledby="ui-accordion-trigger-84bbe08a636f" data-ui--accordion-target="content" data-state="closed"> <div class="overflow-hidden min-h-0"> <div class="pl-8 pb-4 text-sm"> <p class="text-muted-foreground">Yes, for iOS and Android. Search for it in your phone's app store.</p> </div> </div> </div> </div> <div class="border-b last:border-b-0" data-ui--accordion-target="item" data-value="faq-4" data-state="closed"> <h3 class="contents"><button id="ui-accordion-trigger-bc5c4e74" class="group flex w-full items-center gap-3 py-2 text-sm font-medium hover:underline text-left text-primary rounded disabled:pointer-events-none disabled:opacity-50 transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background" type="button" aria-expanded="false" aria-controls="ui-accordion-content-7fff565ce6c2" data-ui--accordion-target="trigger" data-action="click->ui--accordion#toggle keydown->ui--accordion#keydown"><i data-lucide="chevron-right" class="inline-block w-4 h-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" aria-hidden="true"></i> How do I contact support?</button></h3> <div id="ui-accordion-content-db8b6f9c" role="region" class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 data-[state=open]:grid-rows-[1fr]" aria-labelledby="ui-accordion-trigger-7fff565ce6c2" data-ui--accordion-target="content" data-state="closed"> <div class="overflow-hidden min-h-0"> <div class="pl-8 pb-4 text-sm"> <p class="text-muted-foreground">Email us at support@example.com or use the live chat widget in the bottom-right corner of your dashboard.</p> </div> </div> </div> </div> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="max-w-lg"> <h2 class="text-xl font-semibold mb-4">Frequently Asked Questions</h2> <%= render(UI::Accordion.new(type: :single)) do |accordion| %> <% faqs = [ { q: "How do I reset my password?", a: "Go to Settings > Security and click 'Change Password'. You'll need to enter your current password and your new password." }, { q: "Can I import data from another system?", a: "Yes, we import CSV and JSON files. Go to Admin > Data Import and follow the wizard to map your fields." }, { q: "What integrations are available?", a: "Most tools connect through our API and webhooks, and the integrations page lists ready-made ones." }, { q: "Is there a mobile app?", a: "Yes, for iOS and Android. Search for it in your phone's app store." }, { q: "How do I contact support?", a: 'Email us at support@example.com or use the live chat widget in the bottom-right corner of your dashboard.' } ] %> <% faqs.each_with_index do |faq, i| %> <% accordion.with_item(value: "faq-#{i}") do |item| %> <% item.with_trigger { faq[:q] } %> <% item.with_content do %> <p class="text-muted-foreground"><%= faq[:a].html_safe %></p> <% end %> <% end %> <% end %> <% end %></div>No notes provided.
No params configured.