No Fill / Start Label / Justify Start
Pepperoni
Supreme
Chicken
Solid / Start Label / Justify Start
Pepperoni
Supreme
Chicken
Outline / Start Label / Justify Start
Pepperoni
Supreme
Chicken
No Fill / Start Label / Justify End
Pepperoni
Supreme
Chicken
Solid / Start Label / Justify End
Pepperoni
Supreme
Chicken
Outline / Start Label / Justify End
Pepperoni
Supreme
Chicken
No Fill / Start Label / Justify Space Between
Pepperoni
Supreme
Chicken
Solid / Start Label / Justify Space Between
Pepperoni
Supreme
Chicken
Outline / Start Label / Justify Space Between
Pepperoni
Supreme
Chicken
No Fill / Floating Label
Pepperoni
Supreme
Chicken
Solid / Floating Label
Pepperoni
Supreme
Chicken
Outline / Floating Label
Pepperoni
Supreme
Chicken
No Fill / Stacked Label
Pepperoni
Supreme
Chicken
Solid / Stacked Label
Pepperoni
Supreme
Chicken
Outline / Stacked Label
Pepperoni
Supreme
Chicken
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 input text, and
the slotted button, and compare.
No Fill
Pepperoni
Supreme
Chicken
host: 0
Solid (16px padding)
Pepperoni
Supreme
Chicken
host: 0
Outline (16px padding)
Pepperoni
Supreme
Chicken
host: 0
Reset Counts
Async Slot Content
Outline / Async Label
Pepperoni
Supreme
Chicken
Outline / Async Decorations
Pepperoni
Supreme
Chicken
Add Slotted Content
Update Slotted Content
Remove Slotted Content
Add Value to All