1
2
3
4
5
6
<%= paper_banner do %> Learn more about <%= paper_link(url: 'https://shopify.com/', monochrome: true) do %> fulfilling orders <% end %><% end %><div tabindex="0" role="status" class="Polaris-Banner Polaris-Banner--withinPage"> <div style="--pc-box-border-color: transparent;--pc-box-border-style: solid;--pc-box-padding-inline-end-xs: var(--p-space-4)" class="Polaris-Box"> <span class="Polaris-Icon Polaris-Icon--colorBase Polaris-Icon--applyColor"> <svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M10 20c5.514 0 10-4.486 10-10s-4.486-10-10-10-10 4.486-10 10 4.486 10 10 10zm1-6a1 1 0 1 1-2 0v-4a1 1 0 1 1 2 0v4zm-1-9a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"></path></svg> </span> </div> <div class="Polaris-Banner__ContentWrapper"> <div style="--pc-box-border-color: transparent;--pc-box-border-style: solid;--pc-box-padding-block-end-xs: var(--p-space-05);--pc-box-padding-block-start-xs: var(--p-space-05)" class="Polaris-Box"> Learn more about <a href="https://shopify.com/" data-paper-unstyled="true" class="Polaris-Link Polaris-Link--monochrome">fulfilling orders</a> </div> </div></div><%= paper_banner do %> Learn more about <%= paper_link(url: 'https://shopify.com/', monochrome: true) do %> fulfilling orders <% end %><% end %>No notes provided.
No params configured.
<lookbook-embed app="https://papercomponents.com/lookbook/" preview="LinkComponentPreview" scenario="monochrome_in_banner"></lookbook-embed>