Save bar

The save button of a settings form, kept in reach above the phone's app bar.

kit.saveBar()
1.3 KB of CSS · 29 rules
kit.css
No script needed

Use it

On your server

const kit = require('openvibe-shared/kit');

const html = kit.saveBar({ label: 'Save settings' });

In a page that draws itself

<link rel="stylesheet" href="https://openvibe.network/shared/kit.css">
<script src="https://openvibe.network/shared/kit.js"></script>

<script>
  const box = document.querySelector('#here');
  box.innerHTML = OpenVibeKit.saveBar({ label: 'Save settings' });
  OpenVibeKit.enhance(box);
</script>

The HTML it returns · 114 B

<p class="ovk-save"><button class="ovk-btn ovk-btn--primary" type="submit"><span>Save settings</span></button></p>

What it weighs

Its own rules are 5.3 KB, 1.3 KB as sent: 8% of the kit's CSS. A page that draws it pays for the whole stylesheet once, and every other part comes free.