init project

docs/data/system/getting-started/custom-components/CombiningStyleFunctionsDemo.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { palette, spacing } from '@mui/system';
+
+const Div = styled.div`
+  ${palette}
+  ${spacing}
+`;
+
+export default function CombiningStyleFunctionsDemo() {
+  return (
+    <Div color="white" bgcolor="palevioletred" p={1}>
+      Styled components
+    </Div>
+  );
+}