ebs-design 0.0.1-rc.2
Install from the command line:
Learn more about npm packages
$ npm install @ebs-integrator/ebs-design@0.0.1-rc.2
Install via package.json:
"@ebs-integrator/ebs-design": "0.0.1-rc.2"
About this version
The UI Kit is UNDER DEVELOPMENT, PLEASE CREATE ISSUES OR PR WITH CHANGES
DON'T USE IT IN PRODUCTION UNTIL AT LEAST RC WILL BE RELEASED
For more usage details visit Storybook
- Modern design and exceptional user experience.
- Fully customizable components using variables.
- Written in TypeScript with predictable static types.
- High-quality and performant React components.
- 100% Open Source.
Use the package manager yarn or npm to install library.
| Package's name | Version |
|---|---|
| react | >= 16.8 |
| react-dom | >= 16.8 |
| node-sass | >=4.0.0 <5.0.0 |
import { Button } from 'ebs-design';Import styles scss into a src/App.(js|tsx)
import 'ebs-design/dist/styles/index.scss';Or create and import your scss to customize variables
import './variables.scss';// Main colors
$primary-color: #3366ff;
$success-color: #2ac952;
$info-color: #3bc0f9;
$warning-color: #ffd83d;
$danger-color: #ff3a30;
$normal-color: #a5a5a5;
// Primary colors
$primary-000: #eef5ff;
$primary-100: #d6e4ff;
$primary-200: #adc8ff;
$primary-300: #85a9ff;
$primary-400: #6690ff;
$primary-600: #254eda;
$primary-700: #1a39b6;
$primary-800: #102693;
$primary-900: #0a1a7a;
@import 'ebs-design/dist/styles/index.scss';import 'ebs-design/dist/styles/default.scss';// Default styles
$font-size-base: 14px;
$font-size-desktop: 12.5px;
$font-size-small-desktop: 10px;
$line-height-base: 1.414;
$text-color: #494f7d;
$h1-font-size: $font-size-base * 2.5;
$h2-font-size: $font-size-base * 2;
$h3-font-size: $font-size-base * 1.75;
$h4-font-size: $font-size-base * 1.5;
$h5-font-size: $font-size-base * 1.25;
$h6-font-size: $font-size-base;import 'ebs-design/dist/styles/scrollbar.scss';// Default base size & colors of scrollbar
$scrollbar-size: $gutter-size / 2;
$scrollbar-track-background-color: $background-content;
$scrollbar-thumb-background-color: $border-color;
$scrollbar-thumb-hover-background-color: var(--primary-color);Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
- Mask 990
- Select dropdown 999
Details
- ebs-design
-
ebs-integrator
- almost 3 years ago
- MIT
- 64 dependencies
Assets
- ebs-design-0.0.1-rc.2-npm.tgz
Download activity
- Total downloads 0
- Last 30 days 0
- Last week 0
- Today 0