design-patterns-controls-InfoBox.md

InfoBox

Basics

The InfoBox enables you to display helpful information to the user

When to use

Use the InfoBox to display information to the user that you want to call particular attention to. Typically, the InfoBox content is the result of a special situation.

Best practices

Do

• Use InfoBox only for special situations where the information needs attention
• Format InfoBox text using HTML to decorate text, use bullets, use links, etc There is guidance in the Azure Design Templates figma file on common InfoBox formatting.

Don't

• Don't overuse InfoBox. If the text should always be on the page, then just put it directly on the page.

Developer tips and tricks

Interactive control and sample source code

Go to the playground site to use the latest control and get source code for your project. Learn more about playground.

• InfoBox in the interactive controls playground

Related info

• InfoBox design specifications (Figma)

• Azure design guidance