1
2
3
4
render Primer::Beta::Details.new(reset: reset, overlay: overlay, disabled: disabled, open: true) do |component| component.with_summary { "Click me" } component.with_body { "Body" }end<details-toggle> <details open="open" data-target="details-toggle.detailsTarget" data-view-component="true" class="details-overlay"> <summary role="button" data-target="details-toggle.summaryTarget" data-action="click:details-toggle#toggle" data-aria-label-closed="Expand" data-aria-label-open="Collapse" aria-label="Collapse" aria-expanded="true" data-view-component="true" class="btn"> Click me </summary> <div data-view-component="true">Body</div> </details></details-toggle>render Primer::Beta::Details.new(reset: reset, overlay: overlay, disabled: disabled, open: true) do |component| component.with_summary { "Click me" } component.with_body { "Body" }endNo notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
No assets to display.
<lookbook-embed app="https://primer-lookbook.github.com/view-components/lookbook/" preview="Primer::Beta::DetailsPreview" scenario="open"></lookbook-embed>