Label Slot
No Fill / Start Label
Email *
Solid / Start Label
Email *
Outline / Start Label
Email *
No Fill / Floating Label
Email *
Solid / Floating Label
Email *
Outline / Floating Label
Email *
No Fill / Stacked Label
Email *
Solid / Stacked Label
Email *
Outline / Stacked Label
Email *
Start/End Slots
No Fill / Start Label
Solid / Start Label
Outline / Start Label
No Fill / Floating Label
Solid / Floating Label
Outline / Floating Label
No Fill / Stacked Label
Solid / Stacked Label
Outline / Stacked Label
Outline / Start Label / Autogrow
Outline / Floating Label / Autogrow
Click Propagation
Each click on the host is counted, and the target of each is logged to the console. One physical click should
count once. Click the padding strip (the gap between the border and the text), the label, the textarea text,
and the slotted button, and compare.
Solid (16px padding)
host: 0
Outline (16px padding)
host: 0
Reset Counts
Async Slot Content
Outline / Async Label
Outline / Async Decorations
Add Slotted Content
Update Slotted Content
Remove Slotted Content
Add Value to All
Add Long Value to All