Material UI 主页主题?
Material UI Homepage Theme?
我附上了 Material UI 主页上显示的演示图片。我真的很喜欢这个主题,我想用一个类似的主题和 MUI 来创建我的网络应用程序。有什么方法可以使用这个主题(像这样设计我的组件)还是我必须从头开始复制它?
如果您想实现自己喜欢的主题,您可以简单地使用theming or even modify components' style like this!自定义MUI主题。
想买东西的可以看看premium template
还有一些免费主题,您可能会在谷歌搜索中找到:
您可以在此处找到该主题的代码:https://github.com/mui/material-ui/blob/v5.8.0/docs/src/modules/brandingTheme.ts。
你可以在这里看到它的使用:https://github.com/mui/material-ui/blob/v5.8.0/docs/src/BrandingProvider.tsx#L23。
我创建了一个代码沙箱来演示如何使用这个主题:https://codesandbox.io/s/mui-docs-theme-example-0mys5d?file=/index.tsx。沙盒中的 brandingTheme.ts
是 GitHub 中文件的精确副本。然后在沙箱的 index.tsx
中使用它。 demo.tsx
只显示了几个不同的组件,以便查看主题的实际效果。
我附上了 Material UI 主页上显示的演示图片。我真的很喜欢这个主题,我想用一个类似的主题和 MUI 来创建我的网络应用程序。有什么方法可以使用这个主题(像这样设计我的组件)还是我必须从头开始复制它?
如果您想实现自己喜欢的主题,您可以简单地使用theming or even modify components' style like this!自定义MUI主题。
想买东西的可以看看premium template
还有一些免费主题,您可能会在谷歌搜索中找到:
您可以在此处找到该主题的代码:https://github.com/mui/material-ui/blob/v5.8.0/docs/src/modules/brandingTheme.ts。
你可以在这里看到它的使用:https://github.com/mui/material-ui/blob/v5.8.0/docs/src/BrandingProvider.tsx#L23。
我创建了一个代码沙箱来演示如何使用这个主题:https://codesandbox.io/s/mui-docs-theme-example-0mys5d?file=/index.tsx。沙盒中的 brandingTheme.ts
是 GitHub 中文件的精确副本。然后在沙箱的 index.tsx
中使用它。 demo.tsx
只显示了几个不同的组件,以便查看主题的实际效果。