0.0.3 • Published 5 years ago
@donrsh/test-rmt-pkg v0.0.3
Steps for try:
- Use
create-react-app
to create a project yarn add @material-ui/core @donrsh/test-rmt-pkg
- Replace
App.js
with the following:
import React from 'react';
import { MuiThemeProvider, createMuiTheme, colors } from '@material-ui/core';
import { LoadingButton, GreenThemedLoadingButton } from '@donrsh/test-rmt-pkg';
const muiTheme = createMuiTheme({
palette: {
primary: {
main: colors.amber[500],
},
},
});
function App() {
return (
<MuiThemeProvider theme={muiTheme}>
<div>
<LoadingButton color="primary" variant="outlined" loading>
ABD
</LoadingButton>
<span> ⬅ This use user-defined theme</span>
</div>
<div>
<GreenThemedLoadingButton color="primary" variant="outlined" loading>
Green Button
</GreenThemedLoadingButton>
<span> ⬅ This use theme defined in package</span>
</div>
</MuiThemeProvider>
);
}
export default App;
(特別注意有沒有 intellisense, 應該要有. 因為這個專案是用 typescript 寫的, build 完會產生 .d.ts 檔)