@sinskiy/ui

preview

a simple UI library that I use for my projects, powered by React, Sass and postcss-material-colors

[!CAUTION] This library is unoptimized for external usage. I add features as I need them and this library is not particularly user-friendly, accessible and optimized. Morover, one of the main reasons I created this library was to practice Sass and Storybook.

usage

1. npm install -D postcss-material-colors

2. follow postcss-material-colors documentation to add the theme

3. npm install @sinskiy/ui

4. use components. example:

import { InputField } from "@sinskiy/ui";

export default function App() {
  return (
    <>
      <InputField id="input" type="text" error={undefined} required />
      <button className="button">button</button>
    </>
  );
}

CSS classes are in src/components.css, components are in the preview

additional

• if you haven't imported anything from ui library yet, add import {} from "@sinskiy/ui" anywhere to apply styles
• to guaranteed overwrite styles from @sinskiy/ui, write your overwrite in a custom CSS layer