kit

Secondary 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 Shell, Home, List, Record, Form, Stepped flow, Settings, Field result, Find, Reports, Calendar, Help, Unavailable, Issued document, Showcase

Secondary action

Back to booking

A reminder already went out today.

Source
<button type="button" data-kit-role="secondary-action"><span data-kit-region="label">Save draft</span></button>
<a href="#role-secondary-action" data-kit-role="secondary-action"><svg data-kit-icon="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"></path></svg><span data-kit-region="label">Back to booking</span></a>
<div data-kit-role="action-group" data-kit-holds="words"><button type="button" id="send-reminder" data-kit-role="secondary-action" disabled aria-describedby="send-reminder-words"><span data-kit-region="label">Send reminder</span></button><p data-kit-region="words" id="send-reminder-words">A reminder already went out today.</p></div>

Secondary action, submitting

Source
<button type="button" data-kit-role="secondary-action" data-kit-state="submitting" disabled aria-busy="true"><span data-kit-region="label">Save draft</span></button>