kit

Icon action

Built revision v17.10.0

Phoenix
Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

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.

An Icon action in an Action group beside a Secondary action.

Return to invoices

Icon actions in the page header's actions.

Skip to content
Hallkeeper

Oakmere WI

Booking

Room
Main Hall
Day
Tuesday
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 ·&nbsp;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 ·&nbsp;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>