saved

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.

Source

<form data-kit-layout="form">
  <div data-kit-region="notices" aria-live="polite"></div>
  <div data-kit-region="form-groups">
    <div data-kit-region="notices" aria-live="polite"></div>
    <div data-kit-role="form-group">
      <label for="saved-email">Oakmere Primary School billing email</label>
      <input id="saved-email" type="email" value="aisha@oakmereprimary.org">
      <output for="saved-email">aisha@oakmereprimary.org</output>
    </div>
  </div>
  <div data-kit-role="action-group" data-kit-region="submit-return">
    <button type="button" data-kit-role="primary-action"><span data-kit-region="label">Save email</span></button>
  <p data-kit-role="status-line" role="status" aria-live="polite"></p></div>
</form>

Previous, unsaved Next, corrected