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

<modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") on-open("open") >
  <h1>Add 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="(Optional)" on-change("change", "shortName") value=state.values.shortName />
  
  <label>IRC Nick</label>
  <input key="nick" placeholder="" class="big" on-change("change", "nick") value=state.values.nick />

  <label>Author</label>
  <input key="author" placeholder=(input.user.name) on-change("change", "author") value=state.values.author />

  <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>