@nubler/ui-kit

Run "yarn"; - Run "yarn storybook";

Usage no npm install needed!

<script type="module">
  import nublerUiKit from 'https://cdn.skypack.dev/@nubler/ui-kit';
</script>

README

Nubler UIKit

How to start:

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

Requirements library:

  • Enable EsLint;
  • Enable Prettier;
  • Enable Storybook;

Generic requirements for components:

  • Support themes;

Components:

  • Input:
    • Multiple sizes(sm, md and lg);
    • Multiple variants(bordered and solid);
    • Multiple states(error, success and info);
      • With label;
    • Can insert icon;
    • Can have label;
    • 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;
  • TextArea:
    • Multiple variants(bordered and solid);
    • Multiple states(error, success and info);
      • With label;
    • Can have label;
  • Checkbox:
    • Multiple states(error, success and info);
      • With label;
    • Can have label;
  • RadioButton:
    • Multiple states(error, success and info);
      • With label;
    • Can have label;
  • Button and Link:
    • Multiple sizes(sm, md and lg);
    • Multiple variants(bordered, solid and text);
    • Loading state;
    • Can have icon;
    • Can have label;
  • Text:
    • Multiple sizes(sm, md and lg);
    • Can receive as “component”;
  • Tooltip:
    • Can have position for change tooltip location;
    • Can have label;
  • Modal:
    • Can have state(opened or not);
  • Tag:
    • Can have icon;
    • Can have label;
  • Drawer;
  • Spinner;
  • Grid;
  • Wrapper;
  • Skeleton;