24 Wells

"use client";
import { Plate } from "@ninjha01/nitro-ui";

export const TwentyFour = () => {
  const [selection, setSelection] = useState<PlateSelection | null>(null);
  return (
    <Plate
      className="-ml-5 -ml-8"
      wells={24}
      selection={selection}
      setSelection={setSelection}
    />
  );
};

96 Wells

"use client";
import { Plate } from "@ninjha01/nitro-ui";

export const NinetySix = () => {
  const [selection, setSelection] = useState<PlateSelection | null>(null);
  return (
    <Plate
      className="-ml-5 -ml-8"
      wells={24}
      selection={selection}
      setSelection={setSelection}
    />
  );
};

384 Wells

"use client";
import { Plate } from "@ninjha01/nitro-ui";

export const ThreeEightyFour = () => {
  const [selection, setSelection] = useState<PlateSelection | null>(null);
  return (
    <Plate
      className="-ml-5 -ml-8"
      wells={24}
      selection={selection}
      setSelection={setSelection}
    />
  );
};

Was this page helpful?