Components
Medallion
A symbol with a little more presence.
Tones
<span class="<%= icon_medallion_class(tone: :accent) %>"><%= heroicon "check", variant: :mini, options: { class: "size-4", "aria-hidden": "true" } %></span>
<span class="<%= icon_medallion_class(tone: :neutral) %>"><%= heroicon "check", variant: :mini, options: { class: "size-4", "aria-hidden": "true" } %></span>
<span class="<%= icon_medallion_class(tone: :leaf) %>"><%= heroicon "check", variant: :mini, options: { class: "size-4", "aria-hidden": "true" } %></span>
Sizes
<span class="<%= icon_medallion_class(size: :sm) %>"><%= heroicon "check", variant: :mini, options: { class: "size-4", "aria-hidden": "true" } %></span>
<span class="<%= icon_medallion_class(size: :lg) %>"><%= heroicon "check", variant: :mini, options: { class: "size-4", "aria-hidden": "true" } %></span>
API reference
icon_medallion_class
icon_medallion_class(size: :sm, tone: :accent, extra: nil)
| Parameter | Default | Values |
|---|---|---|
| size | :sm | :sm · :lg |
| tone | :accent | :accent · :neutral · :leaf |
| extra | nil | Additional Tailwind classes |