No notes provided.
<div style="display: flex; gap: 1rem;"> <button type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Button</span> </span> </button> <button type="button" data-view-component="true" class="Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Button</span> </span> </button> <button type="button" data-view-component="true" class="Button--invisible Button--medium Button Button--invisible-noVisuals"> <span class="Button-content"> <span class="Button-label">Button</span> </span> </button> <button type="button" data-view-component="true" class="Button--danger Button--medium Button"> <span class="Button-content"> <span class="Button-label">Button</span> </span> </button></div>
No notes provided.
<div style="display: flex; gap: 1rem;"> <%= render(Primer::Beta::Button.new( scheme: :secondary, size: :medium, disabled: disabled )) do %> Button <% end %> <%= render(Primer::Beta::Button.new( scheme: :primary, size: :medium, disabled: disabled )) do %> Button <% end %> <%= render(Primer::Beta::Button.new( scheme: :invisible, size: :medium, disabled: disabled )) do %> Button <% end %> <%= render(Primer::Beta::Button.new( scheme: :danger, size: :medium, disabled: disabled )) do %> Button <% end %></div>
Param | Description | Input |
---|---|---|
— |
|
<lookbook-embed app="https://qa.openproject-edge.com/lookbook/" preview="Primer::Beta::ButtonPreview" scenario="all_schemes"></lookbook-embed>