@prmsrswt/prom-components v0.2.0

prom-components

Prometheus React UI components and hooks

Usage

Components

import { Checkbox } from "@prmsrswt/prom-components";

const Comp = () => {
  return (
    <div>
      <Checkbox id="chk-box-id">Check Me!</Checkbox>
    </div>
  );
}

Hooks

import { useLocalStorage } from "@prmsrswt/prom-components/lib/hooks";
import { Checkbox } from "@prmsrswt/prom-components";

const Comp = () => {
  const [isChecked, setIsChecked] = useLocalStorage<boolean>("check-me", false);

  return (
    <div>
      <Checkbox id="chk-box-id" checked={isChecked} onChange={(e) => setIsChecked(e.target.checked)}>
        Check Me!
      </Checkbox>
    </div>
  );
}