w1c-toolbar

Toolbar

w1c-toolbar groups controls inside windows, document browsers, and editors.

import '@w1c/components/toolbar';
import '@w1c/components/button';
import '@w1c/components/address-field';

<w1c-toolbar>
	<w1c-button>Back</w1c-button>
	<w1c-button>Forward</w1c-button>
	<w1c-address-field label="Location" value="/docs/"></w1c-address-field>
</w1c-toolbar>

Slots

default controls

Parts

chrome
toolbar
controls

Notes

Keep control labels short. Toolbar layout wraps when space is tight.