Primary action

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, Stepped flow, Settings, Calendar, Issued document, Showcase

An action can carry its label without an icon.

An action that opens another view is a link.

Edit billing contact

An action that cannot act yet is disabled, its reason beside it.

Add the hirer’s email before sending.

Source

<Kit.Phoenix.Roles.PrimaryAction.primary_action icon="arrow-right">
  Save changes
</Kit.Phoenix.Roles.PrimaryAction.primary_action>
<p>An action can carry its label without an icon.</p>
<Kit.Phoenix.Roles.PrimaryAction.primary_action>Save contact</Kit.Phoenix.Roles.PrimaryAction.primary_action>
<p>An action that opens another view is a link.</p>
<Kit.Phoenix.Roles.PrimaryAction.primary_action href="#role-primary-action">Edit billing contact</Kit.Phoenix.Roles.PrimaryAction.primary_action>
<p>An action that cannot act yet is disabled, its reason beside it.</p>
<Kit.Phoenix.Roles.ActionGroup.action_group><:lead action="primary-action" action_state={Kit.Phoenix.ActionState.disabled("send-invoice", "Add the hirer’s email before sending.")}>Send invoice</:lead></Kit.Phoenix.Roles.ActionGroup.action_group>

Primary action, submitting

Source

<Kit.Phoenix.Roles.PrimaryAction.primary_action icon="arrow-right" submitting>
  Save changes
</Kit.Phoenix.Roles.PrimaryAction.primary_action>

Previous, Action group Next, Secondary action