Contents

<div style="display: flex; gap: 1rem;">
  <%= render(Yattho::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do %>
    Button
  <% end %>
  <%= render(Yattho::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_leading_visual_icon(icon: :search) %>
    Button
  <% end %>
  <%= render(Yattho::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_trailing_action_icon(icon: "triangle-down") %>
    Button
  <% end %>
  <%= render(Yattho::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_trailing_visual_counter(count: "15") %>
    Button
  <% end %>
  <%= render(Yattho::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_leading_visual_icon(icon: :eye) %>
    <% component.with_trailing_visual_counter(count: "15") %>
    Button
  <% end %>
  <%= render(Yattho::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_leading_visual_icon(icon: :eye) %>
    <% component.with_trailing_visual_counter(count: "15") %>
    <% component.with_trailing_action_icon(icon: "triangle-down") %>
    Button
  <% end %>
  <%= render(Yattho::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
      id: "my-id"
  )) do |component| %>
    <% component.with_tooltip(text: "Tooltip text") %>
    Button with tooltip
  <% end %>
</div>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
yattho_view_components-0.1.1	previews/yattho/beta/button_preview/invisible_all_visuals.html.erb
yattho_view_components-0.0.1	previews/yattho/beta/button_preview/invisible_all_visuals.html.erb