Installation

# with npm
npm install @peppermint-design/devreadykit

# or with yarn
yarn add @peppermint-design/devreadykit

# or with pnpm
pnpm add @peppermint-design/devreadykit

# with npm
npm install github:peppermint-id/DevReadyKit

# or with yarn
yarn add github:peppermint-id/DevReadyKit

# or with pnpm
pnpm add github:peppermint-id/DevReadyKit

npm install https://github.com/peppermint-id/DevReadyKit

# with npm
npm config set @peppermint-design:registry https://registry.npmjs.org
npm config set //registry.npmjs.org/:_authToken <TOKEN>
npm config set always-auth true
npm i @peppermint-design/devreadykit

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./node_modules/@peppermint-design/devreadykit/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

@tailwind base;
@tailwind components;
@tailwind utilities;

import { Button, Input } from "@peppermint-design/devreadykit-custom";

export default function Form() {
  return (
    <div
      style={{
        display: "flex",
        flexDirection: "column",
        gap: "20px",
        padding: "20px",
      }}
    >
      <Input placeholder="Amount" type="number" startIcon="$" />
      <Button variant="filled" color="primary">
        Submit
      </Button>
    </div>
  );
}