Basic labels

Basic Label Basic Label Basic Label Basic Label

Basic long labels

Start The quick brown fox jumps over the lazy sheep End Start The quick brown fox jumps over the lazy sheep End Start The quick brown fox jumps over the lazy sheep End Start The quick brown fox jumps over the lazy sheep End

Basic long labels with predefined width

Start The quick brown fox jumps over the lazy sheep End Start The quick brown fox jumps over the lazy sheep End Start The quick brown fox jumps over the lazy sheep End Start The quick brown fox jumps over the lazy sheep End

Required labels

Requirednative span Required semi-colonnative span Required semi-colon wrappednative span

Wrapping

Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur. Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur. Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur. Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur. Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur. Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur.
Must be right-aligned using `text-align: right` and wrapping-type="Normal".

Test show-colon not forcing truncation

Basic Label Basic Label

label + input

Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur

Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur

Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur

Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur

Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur

Label in CustomListItem

Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur Reprehenderit amet cillum tempor ex eu dolor adipisicing reprehenderit pariatur

Italic Label

Short labelH Long label - Reprehenderit amet cillum tempor Short labelH Long label - Reprehenderit amet cillum tempor Short labelH Long label - Reprehenderit amet cillum tempor Short labelH Long label - Reprehenderit amet cillum tempor Long label - Reprehenderit amet cillum temporH Long label - Reprehenderit amet cillum temporH Long label - Reprehenderit amet cillum temporH Long label - Reprehenderit amet cillum temporH

Standard Label

Short labelH Long label - Reprehenderit amet cillum tempor Short labelH Long label - Reprehenderit amet cillum tempor Short labelH Long label - Reprehenderit amet cillum tempor Short labelH Long label - Reprehenderit amet cillum tempor Long label - Reprehenderit amet cillum temporH Long label - Reprehenderit amet cillum temporH Long label - Reprehenderit amet cillum temporH Long label - Reprehenderit amet cillum temporH

Using a Label inside Shadow Root

Short labelH Short labelHShort labelHShort labelHShort labelH

Labels in different languages

en fr zh-CN (Simplified Chinese) zh-Hans (Simplified Chinese) zh-TW (Traditional Chinese) zh-Hant (Traditional Chinese)