Previews

x
1
2
3
4
5
<div style="display: flex; gap: 1rem; align-items: center; padding: 1rem;">
<button class="c-button c-button--primary" type="button">Book a meeting</button>
<button class="c-button c-button--secondary" type="button">View all</button>
<button class="c-button c-button--dark" type="button">Find competitors<span class="c-button__icon">+</span></button>
</div>
1
2
3
4
5
<div style="display: flex; gap: 1rem; align-items: center; padding: 1rem;">
<%= render TussellComponents::ButtonComponent.new(label: "Book a meeting", variant: :primary) %>
<%= render TussellComponents::ButtonComponent.new(label: "View all", variant: :secondary) %>
<%= render TussellComponents::ButtonComponent.new(label: "Find competitors", variant: :dark, icon: "+") %>
</div>