How to use the react-uwp/styles/getStripedBackground function in react-uwp
To help you get started, we’ve selected a few react-uwp examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
myxvisual / react-uwp / docs / src / routes / Resources / index.tsx View on Github 
function getStyles(resources: Resources): {
root?: React.CSSProperties;
category?: React.CSSProperties;
} {
const {
context: { theme },
props: { style }
} = resources;
const { prefixStyle } = theme;
return {
root: prefixStyle({
padding: 20,
height: "100%",
display: "flex",
background: getStripedBackground({
size: 4,
primaryColor: tinyColor(theme.baseHigh).setAlpha(0.025).toRgbString(),
secondaryColor: "transparent"
}),
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
...style
}),
category: {
margin: "80px 0"
}
};
}function getStyles(notFound: NotFound): {
root?: React.CSSProperties;
icon?: React.CSSProperties;
desc?: React.CSSProperties;
descTitle?: React.CSSProperties;
descSubtitle?: React.CSSProperties;
} {
const {
context: { theme },
props: { style, renderContentWidth, renderContentHeight }
} = notFound;
const { prefixStyle } = theme;
return {
root: prefixStyle({
background: getStripedBackground({
size: 4,
primaryColor: tinyColor(theme.baseHigh).setAlpha(0.025).toRgbString(),
secondaryColor: "transparent"
}),
fontSize: 14,
color: theme.baseMediumHigh,
padding: 40,
height: "100%",
width: "100%",
minHeight: renderContentHeight,
margin: "0 auto",
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
...stylereact-uwp
UWP Design & Fluent Design UiKit by React
