w1c-address-field

Address Field

Use w1c-address-field for browser, file-manager, and document-location toolbars.

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

<w1c-address-field label="Location" value="https://example.net/docs/">
	<span slot="prefix" aria-hidden="true">></span>
	<w1c-button slot="actions">Go</w1c-button>
</w1c-address-field>

API

label
value
placeholder
disabled
readonly

Slots

label
prefix
actions

Events

input
change

Parts

chrome
label
prefix
input
actions