Palette

<Kit.Phoenix.Roles.Palette.palette id="role-palette" label="Commands" placeholder="Type a command or a name" query="" on_change="palette" selection="3 invoices" recent_name="Recent" actions_name="Actions" commands_name="Commands">
  <:recent key="send-reminder" name={[Kit.Phoenix.Roles.Palette.Part.plain("Send reminder")]} icon="envelope-simple" />
  <:action key="mark-paid" name={[Kit.Phoenix.Roles.Palette.Part.plain("Mark as paid")]} icon="check-circle" keys={["P"]} />
  <:action key="change-status" name={[Kit.Phoenix.Roles.Palette.Part.plain("Change status")]} icon="tag" takes_value />
  <:action key="export" name={[Kit.Phoenix.Roles.Palette.Part.plain("Export")]} icon="export" />
  <:command key="go-invoices" name={[Kit.Phoenix.Roles.Palette.Part.plain("Go to invoices")]} icon="arrow-right" keys={["G", "I"]} />
  <:command key="new-invoice" name={[Kit.Phoenix.Roles.Palette.Part.plain("New invoice")]} icon="plus" keys={["N"]} />
  <:search_for />
</Kit.Phoenix.Roles.Palette.palette>
<Kit.Phoenix.Roles.Palette.palette id="role-palette-in-flow" label="Commands" placeholder="Type a command or a name" query="" on_change="palette" selection="3 invoices" recent_name="Recent" actions_name="Actions" commands_name="Commands" open>
  <:recent key="send-reminder" name={[Kit.Phoenix.Roles.Palette.Part.plain("Send reminder")]} icon="envelope-simple" />
  <:action key="mark-paid" name={[Kit.Phoenix.Roles.Palette.Part.plain("Mark as paid")]} icon="check-circle" keys={["P"]} />
  <:action key="change-status" name={[Kit.Phoenix.Roles.Palette.Part.plain("Change status")]} icon="tag" takes_value />
  <:action key="export" name={[Kit.Phoenix.Roles.Palette.Part.plain("Export")]} icon="export" />
  <:command key="go-invoices" name={[Kit.Phoenix.Roles.Palette.Part.plain("Go to invoices")]} icon="arrow-right" keys={["G", "I"]} />
  <:command key="new-invoice" name={[Kit.Phoenix.Roles.Palette.Part.plain("New invoice")]} icon="plus" keys={["N"]} />
  <:search_for />
</Kit.Phoenix.Roles.Palette.palette>
<p class="specimen-case-line">A query, with its matches marked and Search for last.</p>
<Kit.Phoenix.Roles.Palette.palette id="role-palette-with-query" label="Commands" placeholder="Type a command or a name" query="invoice" on_change="palette" selection="3 invoices" commands_name="Commands" open>
  <:command key="go-invoices" name={[Kit.Phoenix.Roles.Palette.Part.plain("Go to "), Kit.Phoenix.Roles.Palette.Part.matched("invoice"), Kit.Phoenix.Roles.Palette.Part.plain("s")]} icon="arrow-right" keys={["G", "I"]} />
  <:command key="new-invoice" name={[Kit.Phoenix.Roles.Palette.Part.plain("New "), Kit.Phoenix.Roles.Palette.Part.matched("invoice")]} icon="plus" keys={["N"]} />
  <:search_for />
</Kit.Phoenix.Roles.Palette.palette>
<p class="specimen-case-line">A line waiting on its answer.</p>
<Kit.Phoenix.Roles.Palette.palette id="role-palette-waiting" label="Commands" placeholder="Type a command or a name" query="" on_change="palette" selection="3 invoices" commands_name="Commands" open>
  <:command key="go-invoices" name={[Kit.Phoenix.Roles.Palette.Part.plain("Go to invoices")]} icon="arrow-right" keys={["G", "I"]} rest={%{"aria-busy" => "true"}} />
  <:command key="new-invoice" name={[Kit.Phoenix.Roles.Palette.Part.plain("New invoice")]} icon="plus" keys={["N"]} />
  <:search_for />
</Kit.Phoenix.Roles.Palette.palette>