Component demo · Example actions open local destination patterns.
Action Choice Panel
Open demo ↗HTML source & reuse instructions
Load Bootstrap, assets/versa/css/versa.css, and assets/custom/custom.css. Replace the demo destinations with your project URLs.
<div class="versa-site-app versa-site-app--panel"><div class="versa-site-app-panel"><div class="versa-site-app-choices"><div class="versa-site-app-choice"><h3>Explore the details</h3><p>Review the primary option and continue when you are ready.</p><a class="versa-site-app-button" href="/templates/action-destinations/#member">Continue</a></div><div class="versa-site-app-choice"><h3>Try another path</h3><p>Choose an alternate option to see how the panel adapts.</p><a class="versa-site-app-button" href="/templates/action-destinations/#join">Get started</a></div></div><p class="versa-site-app-resume"><a href="/templates/action-destinations/#resume"><span class="versa-site-link-text">View details or continue</span> <span class="versa-site-link-icon" aria-hidden="true">→</span></a></p></div></div>