Icon button

Compact actions with an accessible label.

Shapes

<button type="button" class="<%= icon_button_class(shape: :square) %>" aria-label="More actions"><%= heroicon "ellipsis-horizontal" %></button>
<button type="button" class="<%= icon_button_class(shape: :circle) %>" aria-label="More actions"><%= heroicon "ellipsis-horizontal" %></button>

Sizes

<button type="button" class="<%= icon_button_class(size: :sm) %>" aria-label="More actions"><%= heroicon "ellipsis-horizontal" %></button>
<button type="button" class="<%= icon_button_class %>" aria-label="More actions"><%= heroicon "ellipsis-horizontal" %></button>
<button type="button" class="<%= icon_button_class(size: :lg) %>" aria-label="More actions"><%= heroicon "ellipsis-horizontal" %></button>

API reference

icon_button_class

icon_button_class(shape: :square, size: :base, extra: nil)

Parameter	Default	Values
shape	:square	:square · :circle
size	:base	:sm · :base · :lg
extra	nil	Additional Tailwind classes