npm install nes-design
npm install nes.css >= 2.3.0
npm install react >= 16.8
// Import React ReactDOM
<script crossorigin src='https://unpkg.com/react@17/umd/react.development.js'></script>
<script crossorigin src='https://unpkg.com/react-dom@17/umd/react-dom.development.js'></script>
-
// Import components
<script src='https://unpkg.com/nes-design@__/dist/nes-design.min.js'></script>
// Link nes.css
<link href='https://unpkg.com/nes.css@2.3.0/css/nes.min.css' rel='stylesheet' />
-
// Link nes-design
<link rel='stylesheet' href=''https://unpkg.com/nes-design@__/dist/index.css' />
// Import css
// _.(css|scss|less)
@import 'nes.css/css/nes.css';
@import 'nes-design/es/index.css';
// _.(jsx|tsx)
import 'nes.css/css/nes.css';
import 'nes-design/es/index.css';
-
// Import Component
import { Component } from 'nes-design';
import Component from 'nes-design/Component';
-
// Use
const Custom = () => <Component />
ReactDOM.render(Custom, document.getElementById('root'))
/**@jsx React.DOM*/
const Custom = () => <Component />
<script type='text/jsx'>
ReactDOM.render(Custom, document.getElementById('root'))
</script>
@import 'node_modules/nes.css/scss/nes.scss';
@import 'nes-design/es/index.css'
// For Example
// _.scss
$primary-colors: (
normal: red,
hover: red,
shadow: red,
) !default;
@import 'node_modules/nes.css/scss/nes.scss';
@import 'nes-design/es/index.css';
Will be an expected error, I'mfollowing upon that.
Temporary solutions
Change 'node_modules/nes.css/scss/base/variables.scss'
$cursor-url: url('') !default;
$cursor-click-url: url('') !default;'