Prospace UI

• Live documentation: https://prospace-ui.vercel.app/
• Live documentation (v1 archive): https://prospace-ui-v1.vercel.app/
• NPM link: https://www.npmjs.com/package/prospace-ui

Usage

• run npm install prospace-ui

• add the prospace css in the root of the application

  import 'prospace-ui/dist/styles/resets.css'; // Optional, it's using tailwind-css resets
  import 'prospace-ui/dist/styles/index.css';
  import 'prospace-ui/dist/styles/toastify.css'; // Import this when you use toast components

• use the components

  import { Button } from 'prospace-ui';
  
  const App = () => {
    return (
      <>
        <Button>Button Content</Button>
      </>
    );
  };

Archived V1 components

• add the prospace css and resets css (if needed) in the root of the application

  import 'prospace-ui/dist/archive/styles/resets.css';
  import 'prospace-ui/dist/archive/styles/index.css';

• use the v1 components

  import { PrimaryButton } from 'prospace-ui/dist/archive';
  
  const App = () => {
    return (
      <>
        <PrimaryButton>Button Content</PrimaryButton>
      </>
    );
  };

BEWARE!!!

V1 components CSS resets is conflicted with the new V2 stylings. So can only choose to use one version, OR resolve the style conflict manually.