Mirai UI
Mirai UI 是一个简单、模块化且可定制的组件库
取名自《境界的彼方》女主栗山未来（Kuriyama Mirai）
安装
要在项目中使用 Mirai UI， 你需要在终端运行以下命令之一
npm i @emotion/react @emotion/styled @xifo/mirai-ui @xifo/mirai-systemyarn add @emotion/react @emotion/styled @xifo/mirai-ui @xifo/mirai-systemHooks
Mirai 提供了一些实用的 Hook 方法，可以使用以下命令安装
yarn add @xifo/mirai-hooksIcons
Icon 图标库准备中
## COMING SOON...
## yarn add @xifo/mirai-icons开始使用
安装好一切后，你需要使用 ThemeProvider 包裹 App 根目录，例如 index.tsx, App.tsx，这都取决于你使用的框架
import * as React from 'react';
import { createTheme, Theme, ThemeProvider } from '@xifo/mirai-system';
const App = () => {
const theme: Theme = useMemo(() => createTheme({ mode: 'light' }), []);
return (
<ThemeProvider theme={theme}>
<Component />
</ThemeProvider>
)
}
export default App
