w1c-titlebar

Titlebar

Use w1c-titlebar when a custom window or dialog needs standalone chrome.

import '@w1c/components/titlebar';
import '@w1c/components/icon';
import '@w1c/components/button';
<w1c-titlebar title="Document Viewer">
	<w1c-icon slot="icon" name="document" label=""></w1c-icon>
	<w1c-button slot="controls" aria-label="Close">x</w1c-button>
</w1c-titlebar>

API

  • title: title text.

Slots

  • icon
  • default title content
  • controls

Parts

  • chrome
  • titlebar
  • icon
  • title
  • controls