History

AlexeySafronov 9fcbb5c873 Web: Storybook issues fix: + Added copy public/images to static/images for publish + Fix checkbox click in theme-provider.stories.js + Added empty_screen_filter.png for EmptyScreenContainer		2021-03-24 13:55:50 +03:00
..
index.js	Web: Components: changed component hierarchy	2021-02-24 17:42:09 +03:00
README.md	Web: Components/Common: fix imports	2021-02-26 00:19:45 +03:00
theme-provider.js	Web: Components: added story for ThemeProvider	2021-03-11 15:37:33 +03:00
theme-provider.stories.js	Web: Storybook issues fix:	2021-03-24 13:55:50 +03:00
theme-provider.test.js	Web: Components: changed component hierarchy	2021-02-24 17:42:09 +03:00

ThemeProvider

Custom theme provider based on Theme Provider.

List of themes:

You can change the CSS styles in the theme, and they will be applied to all children components of ThemeProvider

import ThemeProvider from "@appserver/components/theme-provider";
import Themes from "@appserver/components/themes";

const newTheme = {...Themes.Base, color: "red"}

<ThemeProvider theme={newTheme}>
  <Box>
    <Text>Base theme</Text>
  </Box>
</ThemeProvider>;

Props	Type	Required	Values	Default	Description
`theme`	`object`	✅	-	`Base styles`	Applies a theme to all children components