x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="max-w-md rounded-lg border p-4"> <p class="text-sm">Payments are collected on the 1st of each month.</p> <details class="group/collapsible [interpolate-size:allow-keywords] [&::details-content]:[block-size:0] [&::details-content]:overflow-hidden [&::details-content]:transition-[block-size,content-visibility] [&::details-content]:duration-200 [&::details-content]:[transition-behavior:allow-discrete] open:[&::details-content]:[block-size:auto] motion-reduce:[&::details-content]:transition-none mt-2"> <summary class="flex cursor-pointer list-none items-center gap-2 rounded-md [&::-webkit-details-marker]:hidden transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background px-2 py-1 text-xs w-auto -ml-2 text-primary hover:underline"> <span class="min-w-0 flex-1 truncate">How refunds work</span> <i data-lucide="chevron-right" class="inline-block w-4 h-4 shrink-0 transition-transform duration-200 group-open/collapsible:rotate-90 motion-reduce:transition-none" aria-hidden="true"></i> </summary> <div class="pt-1"> <p class="px-0 text-sm text-muted-foreground">Cancel within 14 days for a full refund. After that, the rest of the month is credited to your next invoice.</p> </div> </details></div>1
2
3
4
5
6
7
<div class="max-w-md rounded-lg border p-4"> <p class="text-sm">Payments are collected on the 1st of each month.</p> <%= render(UI::Collapsible.new(size: :sm, class: "mt-2", trigger_class: "w-auto -ml-2 text-primary hover:underline")) do |c| %> <% c.with_trigger { "How refunds work" } %> <p class="px-0 text-sm text-muted-foreground">Cancel within 14 days for a full refund. After that, the rest of the month is credited to your next invoice.</p> <% end %></div>No notes provided.
No params configured.