Window

The standard Window

The Window is a dark-mode enabled component. It automatically applies the standard window color and has resposive padding out of the box.

Example Window

The Window component uses the class "bg-window" as background color, and works best placed over a background using the background color "bg-body".

The Window component also has a thin border around it, and rounded corners that become tighter in smller screens.

1import { Window } from '@tempoplatform/tpds/elements/layout'
2
3<Window>
4  <H5>Example Window</H5>
5  <br />
6  <P>The Window is a dark-mode enabled component. It has resposive padding out of the box.</P>
7  <br />
8  <P>It uses the class "bg-window" as background color, and works best placed over a background using the background color "bg-body".</P>
9</Window>

TPDS

Window