x
1
2
3
4
5
6
7
<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 max-w-xs"> <summary class="flex w-full 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-3 py-1.5 text-sm"> <span class="min-w-0 flex-1 truncate">Advanced settings</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">Hidden until opened.</div></details>1
2
3
4
render(UI::Collapsible.new(open: open, size: size.to_sym, class: "max-w-xs")) do |c| c.with_trigger { "Advanced settings" } "Hidden until opened."endNo notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|