kit

Emphasised next action

Built revision v17.10.0

CSS core
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 Home, Settings, Field result, Unavailable

Emphasised next action

Source
<div data-kit-role="action-group">
  <button type="button" data-kit-role="emphasised-next-action"><span data-kit-region="label">Review invoice</span></button>
  <a href="../record/" data-kit-role="way-back"><span data-kit-region="label">Return to invoice</span></a>
  <div data-kit-region="routes"><a href="../list/">View invoices</a></div>
</div>
<div data-kit-role="action-group">
  <button type="button" data-kit-role="primary-action"><span data-kit-region="label">Save changes</span></button>
  <button type="button" data-kit-role="secondary-action"><span data-kit-region="label">Review invoice</span></button>
</div>

Emphasised next action, submitting

Source
<button type="button" data-kit-role="emphasised-next-action" data-kit-state="submitting" disabled aria-busy="true"><span data-kit-region="label">Review invoice</span></button>