A instalação com o npm é recomendada e funciona perfeitamente com o webpack
.
npm i cria-ui-react --save-dev
Para instalar nosso tema padrão, temos duas formas:
Nosso tema é escrito em SCSS
. Se seu projeto também usa SCSS
, você pode editar as variáveeis diretamente.
Crie um novo estilo, como cria-theme.scss
:
/* cor primária do tema */
$--color-primary: indigo;
/* icon font path, required */
$--font-path: '~element-ui/theme/src/fonts';
@import "~cria-ui-react/theme/src/index.scss";
Depois instale na sua aplicação:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './cria-theme.scss'
ReactDOM.render(<App/>, document.getElementById('app'));
No arquivo que você deseja usar o componente, importe-o:
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'cria-ui-react';
export default class QuickStart extends React.Component {
render() {
<Button loading>Update</Button>
}
}
MIT