@quimiweb/ui-kit

Nubler UIKit

How to start:

• Run "yarn";
• Run "yarn storybook";

Requirements library:

• [x] Enable EsLint;
• [x] Enable Prettier;
• [x] Enable Storybook;

Generic requirements for components:

• [x] Support themes;

Components:

• [x] Input:
  • [x] Multiple sizes(sm, md and lg);
  • [x] Multiple variants(bordered and solid);
  • [x] Multiple states(error, success and info);
    • [x] With label;
  • [x] Can insert icon;
  • [x] Can have label;
  • [x] Can have top button with action;
• [ ] Select:
  • [ ] Multiple sizes(sm, md and lg);
  • [ ] Multiple variants(bordered and solid);
  • [ ] Multiple states(error, success and info);
    • [ ] With label;
  • [ ] Can have label;
  • [ ] Can have top button with action;
• [x] TextArea:
  • [x] Multiple variants(bordered and solid);
  • [x] Multiple states(error, success and info);
    • [x] With label;
  • [x] Can have label;
• [x] Checkbox:
  • [x] Multiple states(error, success and info);
    • [x] With label;
  • [x] Can have label;
• [x] RadioButton:
  • [x] Multiple states(error, success and info);
    • [x] With label;
  • [x] Can have label;
• [x] Button and Link:
  • [x] Multiple sizes(sm, md and lg);
  • [x] Multiple variants(bordered, solid and text);
  • [x] Loading state;
  • [x] Can have icon;
  • [x] Can have label;
• [x] Text:
  • [x] Multiple sizes(sm, md and lg);
  • [x] Can receive as “component”;
• [x] Tooltip:
  • [x] Can have position for change tooltip location;
  • [x] Can have label;
• [x] Modal:
  • [x] Can have state(opened or not);
• [x] Tag:
  • [x] Can have icon;
  • [x] Can have label;
• [x] Drawer;
• [x] Spinner;
• [x] Grid;
• [x] Wrapper;
• [x] Skeleton;