How to use @material/mwc-floating-label - 3 common examples
To help you get started, we’ve selected a few @material/mwc-floating-label examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
material-components / material-components-web-components / packages / select / src / mwc-select-base.ts View on Github 
protected renderLabel() {
return html`
<label id="label">
${this.label}
</label>
`;
}protected renderLabelText() {
let labelTemplate: TemplateResult|string = '';
if (this.label && !this.fullWidth) {
labelTemplate = html`
<label for="text-field">
${this.label}
</label>`;
}
return html`
${labelTemplate}
<div></div>
`;
}protected renderOutlined() {
let labelTemplate: TemplateResult|string = '';
if (this.label) {
labelTemplate = html`
<label for="text-field">
${this.label}
</label>
`;
}
return html`
${labelTemplate}
`;
}@material/mwc-floating-label
Material Design floating label web component
