Umbraco Early Adopter Gotcha - Empty Buttons.

#umbraco

Things, i keep getting wrong. Part c of n

When you define a button in the new ui.

 <uui-button color="danger" look="primary"
 label="Confirm?" @click=${this.openConfirm}></uui-button>

You might be tempted to make the code all neat.

<uui-button 
   color="danger" 
   look="primary"
   label="Confirm?" @click=${this.openConfirm}>
</uui-button>

but beware !

That last carrage return has made the button empty !! and if won't render any text !

Don't get stuck wasting time (like me). put the closing tag at the end of the line.

<uui-button 
   color="danger" 
   look="primary"
   label="Confirm?" @click=${this.openConfirm}></uui-button>

DEV Community