Window

The standard Window

The Window is a dark-mode enabled component. It has resposive padding out of the box.


Example Window

The Window component uses the tw prop "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 '@hummingbot/hbui/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 tw prop "bg-window" as background color, and works best placed over a background using the background color "bg-body".</P>
9</Window>