On Shell, Home, List, Record, Form, Stepped flow, Settings, Reports, Calendar
Status line
2 rooms chosen
Saved. Invoices go to aisha@oakmereprimary.org.
Invoice sent to aisha@oakmereprimary.org.
Source
<div data-kit-role="selection-control" data-kit-region="group" id="status-line-rooms">
<input type="hidden" name="status-line-rooms" value="">
<label><input data-kit-role="selection-control" type="checkbox" name="status-line-rooms" value="hall" checked><span>Main Hall</span><output>Chosen</output></label>
<label><input data-kit-role="selection-control" type="checkbox" name="status-line-rooms" value="garden" checked><span>Garden room</span><output>Chosen</output></label>
</div>
<p data-kit-role="status-line" role="status" aria-live="polite">2 rooms chosen</p>
<div data-kit-role="form-group">
<label for="status-line-email">Billing email</label>
<input id="status-line-email" name="email" type="email" value="aisha@oakmereprimary.org">
<output for="status-line-email">aisha@oakmereprimary.org</output>
</div>
<p data-kit-role="status-line" role="status" aria-live="polite">Saved. Invoices go to aisha@oakmereprimary.org.</p>
<div data-kit-role="action-group"><button type="button" data-kit-role="primary-action"><span data-kit-region="label">Send invoice</span></button><p data-kit-role="status-line" role="status" aria-live="polite">Invoice sent to aisha@oakmereprimary.org.</p></div>