Action · Anatomy
Minimal button content: text, text with icon, and icon-only (aria_label).
Hex doc
Phoenix
Minimal
<.action class="button">Text</.action>
With icon
<.action class="button">
Text and icon <.heroicon name="hero-arrow-right" />
</.action>
Icon only
<.action class="button button--square" aria_label="Square icon button">
<.heroicon name="hero-arrow-right" />
</.action>
<.action class="button button--circle" aria_label="Circle icon button">
<.heroicon name="hero-arrow-right" />
</.action>