Grommet

the top level grommet container

Props

cssVars

Whether to expose the css variables.
truefalse

full

Whether to take the whole viewport.
truefalse

plain

Whether or not Grommet should apply a global font-family, font-size, and line-height.

truefalse

theme

Custom styles for Grommet app component.
"object"

themeMode

Dark vs. light theme variation. Default is unspecified and left to theme.

"dark""light"

userAgent

User agent used to detect the device width for setting the initial breakpoint.

"string"

Theme

grommet.extend

Any additional style for Grommet.
"any CSS"
(props) => {}

global.font.face

Custom font face declaration
string | (props) => {}