On Shell, Home, List, Record, Form, Settings, Find, Reports, Calendar, Showcase
Icon action
Icon actions in a Row's actions, named with the row's subject.
Tuesday · Main Hall
Thursday · Garden Room
An Icon action in an Action group beside a Secondary action.
Icon actions in the page header's actions.
Source
<Kit.Phoenix.Roles.IconAction.icon_action icon="dots-three" label="More actions" />
<Kit.Phoenix.Roles.IconAction.icon_action icon="copy" label="Copy the invoice link" />
<Kit.Phoenix.Roles.IconAction.icon_action href="#role-icon-action" icon="pencil-simple" label="Edit the booking" />
<p class="specimen-case-line">Icon actions in a Row's actions, named with the row's subject.</p>
<Kit.Phoenix.Roles.Row.row>
<:subject href="#role-icon-action">Oakmere WI</:subject>
<:facts>Tuesday · Main Hall</:facts>
<:actions><Kit.Phoenix.Roles.IconAction.icon_action icon="pencil-simple" label="Edit Oakmere WI" /><Kit.Phoenix.Roles.IconAction.icon_action icon="dots-three" label="More actions for Oakmere WI" /></:actions>
</Kit.Phoenix.Roles.Row.row>
<Kit.Phoenix.Roles.Row.row>
<:subject href="#role-icon-action">Oakmere Primary School</:subject>
<:facts>Thursday · Garden Room</:facts>
<:actions><Kit.Phoenix.Roles.IconAction.icon_action icon="pencil-simple" label="Edit Oakmere Primary School" /><Kit.Phoenix.Roles.IconAction.icon_action icon="dots-three" label="More actions for Oakmere Primary School" /></:actions>
</Kit.Phoenix.Roles.Row.row>
<p class="specimen-case-line">An Icon action in an Action group beside a Secondary action.</p>
<Kit.Phoenix.Roles.ActionGroup.action_group>
<:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action>Send invoice</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead>
<:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Save as draft</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary>
<:secondary><Kit.Phoenix.Roles.IconAction.icon_action icon="copy" label="Copy the invoice link" /></:secondary>
<:return><Kit.Phoenix.Roles.WayBack.way_back href="#role-icon-action">Return to invoices</Kit.Phoenix.Roles.WayBack.way_back></:return>
</Kit.Phoenix.Roles.ActionGroup.action_group>
<p class="specimen-case-line">Icon actions in the page header's actions.</p>
<Kit.Phoenix.Layouts.Shell.shell print_identity={@print.identity} print_subject={@print.subject} print_standing={@print.standing} print_tenant={@print.tenant} product="Hallkeeper" navigation_label="Application" navigation="none" density="desk">
<:subject>Oakmere WI</:subject>
<:actions><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Edit booking</Kit.Phoenix.Roles.SecondaryAction.secondary_action><Kit.Phoenix.Roles.IconAction.icon_action icon="push-pin" label="Pin Oakmere WI" /><Kit.Phoenix.Roles.IconAction.icon_action href="#role-icon-action" icon="caret-left" label="Previous booking" /><Kit.Phoenix.Roles.IconAction.icon_action href="#role-icon-action" icon="caret-right" label="Next booking" /></:actions>
<:body>
<Kit.Phoenix.Layouts.Record.record subject_state={Kit.Phoenix.State.none()} density="desk">
<:facts_related_records heading="Booking">
<Kit.Phoenix.Roles.FactGroup.fact_group>
<Kit.Phoenix.Roles.LabelledFact.labelled_fact><:name>Room</:name><:value>Main Hall</:value></Kit.Phoenix.Roles.LabelledFact.labelled_fact>
<Kit.Phoenix.Roles.LabelledFact.labelled_fact><:name>Day</:name><:value>Tuesday</:value></Kit.Phoenix.Roles.LabelledFact.labelled_fact>
</Kit.Phoenix.Roles.FactGroup.fact_group>
</:facts_related_records>
</Kit.Phoenix.Layouts.Record.record>
</:body>
</Kit.Phoenix.Layouts.Shell.shell>