frontend/marko/page/data/components/edit-character-modal/index.marko

<modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") on-open("open") >
  <h1>Edit Character</h1>

  <p class="color-error">${state.error}</p>
  
  <label>Full Name</label>
  <input key="name" placeholder="" class="big" on-change("change", "name") value=state.values.name />
  
  <label>Short Name</label>
  <input key="shortName" placeholder="E.g. first/given name" on-change("change", "shortName") value=state.values.shortName />
  
  <label>Description</label>
  <textarea key="description" placeholder="Description" on-change("change", "description") value=state.values.description />

  <button disabled=state.loading on-click("save")>Save character!</button>
</modal>