Developer mode
Opens components on the React tab by default.
Your bookmarks

Alert / Figma

Breaks the main user flow to present information.

If you’re adding a new icon in Figma, you need to adjust the color. When you change the icon, the icon color gets changed to the default icon color. All Orbit icons have their defaults set to Ink / Normal.

After adding your icon, click the current color in the right sidebar (under Selection Colors) and select the color you want.

Which color to choose for which alert?

To get the right icon color, choose the right value from the table below.

Alert typeIcon color
InfoBlue / Dark
Success Green / Dark
WarningOrange / Dark
CriticalRed / Dark