PolymerElements/iron-label

Name: iron-label

Owner: PolymerElements

Description: A version of the element that works with Custom Elements as well as native elements.

Created: 2015-09-08 19:41:39.0

Updated: 2018-04-19 16:37:51.0

Pushed: 2018-05-23 02:30:26.0

Homepage:

Size: 73

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Demo and API docs

<iron-label>

<iron-label> provides a version of the <label> element that works with Custom Elements as well as native elements.

All text in the iron-label will be applied to the target element as a screen-reader accessible description.

There are three ways to use iron-label to target an element:

1. place an element inside iron-label and some text:

on-label>
abel for the Button
paper-button>button</paper-button>
ron-label>

1. place some elements inside iron-label and target one with the iron-label-target attribute. The other elements will provide the label for that element Note: This is not necessary if the element you want to label is the first element child of iron-label:

on-label>
span>Label for the Button</span>
paper-button iron-label-target>button</paper-button>
ron-label>

on-label>
paper-button>button</paper-button>
span>Label for the Button</span>
ron-label>

1. Set the for attribute on the iron-label element with the id of the target element in the same document or ShadowRoot:

on-label for="foo">
ontext for the button with the "foo" class"
ron-label>
per-button id="foo">Far away button</paper-button>

All taps on the iron-label will be forwarded to the “target” element.