Application

The application container serves as a boundary to separate application content from document content.

For example: in a text editor you might have a layout with a toolbar, sidebar and a document. In the document you can open a context menu. The application container would be applied to the root, and on the context menu.

Status: experimental

API

Class name

nih-application

CSS variable

nih-application-background-color
nih-application-color
nih-application-font-family
nih-application-font-size

Visual design

  • The font size might be expected to match the system font, especially for mobile apps.

Accessibility

  • aria-role="application" should be optional.

Example

Hello, World!