Skip to contentWolf-Rayet

Blanket

A blanket covers the interface behind a layered component, such as a modal dialog or a tooltip.

When to use

  • Behind a layer that takes over the screen, such as a modal or a drawer. Both already include one.
  • On its own, only when you are building a layer the system does not already provide.

When not to use

  • To draw attention to something. A blanket blocks the whole page.
  • Behind something small, such as a popup or a tooltip. People should still be able to use the page.
  • As a loading state over a whole screen. Use a skeleton, which keeps the layout and shows what is coming.

Intensity

How much attention each of this component's grounds uses, scored against the ladder in both themes.

AppearanceGroundLightDark
blanketblanket0.350Marked0.047Substrate

Substrate, Ambient and Marked are measured. Directed depends on what else is in the region. Demanded is declared, and its use is limited. So neither of those two depends on the component alone. See intensity.