13

GitHub - ebs-integrator/ebs-design: A React-based UI toolkit for enterprise grad...

 3 years ago
source link: https://github.com/ebs-integrator/ebs-design
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

EBS Design System

A React-based UI toolkit for enterprise grade applications

warning WARNING

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

receipt Documentation

For more usage details visit Storybook

star Features

  • 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.

package Installation

Use the package manager yarn or npm to install library.

warning Peer Dependencies

Package's name Version react >= 16.8 react-dom >= 16.8 node-sass >=4.0.0 <5.0.0

building_construction Usage guide

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';

heart Contributing

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.

License

MIT

Z-Indexes

  1. Mask 990
  2. Select dropdown 999

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK