glacier-web-cli 0.5.0

Command-line tool for creating and running Glacier applications.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

{#- Children: ghost Buttons, <button class="ui-toggle" aria-pressed>, <span class="ui-sep" data-orientation="vertical" role="separator"></span>, <span class="ui-toolbar-spacer"></span> -#}
<div style="display:grid;gap:16px;max-width:560px">
  <.toolbar label="Formatting">
    <button class="ui-btn" data-variant="ghost" type="button" aria-label="Undo"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/></svg></button>
    <button class="ui-btn" data-variant="ghost" type="button" aria-label="Redo"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"/></svg></button>
    <span class="ui-sep" data-orientation="vertical" role="separator" aria-orientation="vertical"></span>
    <button class="ui-toggle" type="button" aria-pressed="true" aria-label="Bold"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8"/></svg></button>
    <button class="ui-toggle" type="button" aria-pressed="false" aria-label="Italic"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 4h-9"/><path d="M14 20H5"/><path d="M15 4 9 20"/></svg></button>
    <button class="ui-toggle" type="button" aria-pressed="false" aria-label="Underline"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 4v6a6 6 0 0 0 12 0V4"/><path d="M4 20h16"/></svg></button>
    <span class="ui-toolbar-spacer"></span>
    <.button variant="ghost" type="button"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/><path d="M12 15V3"/></svg>Export</.button>
  </.toolbar>
  <.toolbar label="Selection">
    <span style="padding:0 6px;font-size:14px;font-weight:500">3 selected</span>
    <span class="ui-sep" data-orientation="vertical" role="separator"></span>
    <.form_button action="/invoices/archive" method="patch" variant="ghost"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="2" y="3" width="20" height="5" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>Archive</.form_button>
    <span class="ui-toolbar-spacer"></span>
    <.form_button action="/invoices" method="delete" variant="ghost" confirm="Delete 3 invoices?"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2"/></svg>Delete</.form_button>
  </.toolbar>
</div>