summer-ui-react v0.0.17

Summer-UI

Using

Full library

import {Button} from 'summer-ui-react'

Only component

import Button from 'summer-ui-react/dist/components/button/button'

Styles

Default CSS

import 'summer-ui-react/styles/normalize.css'

import 'summer-ui-react/styles/css/summer-ui-react.css'

Custom CSS

Using one of built-in themes

• theme list node_modules/summer-ui-react/styles/less/themes
• copy node_modules/summer-ui-react/theme.config.example to the project root and rename to theme.config
• add script to package.json
  • "less": "lessc -rp=/ ./node_modules/summer-ui-react/styles/less/components.less src/css/summer-ui-react.css"
• execute "npm run less"
• import css in the project root
  • import './css/summer-ui-react.css'

Using own theme

• copy file node_modules/summer-ui-react/styles/less/variables.less to folder /src/css/custom
• copy file node_modules/summer-ui-react/theme.config.example to the project root
  • rename theme.config.example to theme.config
  • edit theme.config @theme to @theme: "custom"
  • edit theme.config @themesFolder to @themesFolder : "/src/css";
• edit custom.variables.less
• add script to package.json
  • "less": "lessc -rp=/ ./node_modules/summer-ui-react/styles/less/components.less src/css/summer-ui-react.css"
• execute "npm run less"
• import css in the project root
  • import './css/summer-ui-react.css'