React DeutschBox

A <input type="checkbox"/> done in German style.

Getting Started

In order to get started, install this package and replace any instance of <input type="checkbox"/> in your React code by the <DeutschBox/> component.

import DeutschBox from "react-deutschbox";

You can interact with your <DeutschBox/> using the same attributes you would use on any regular <input/> from HTML. See some examples at the Demo page.

Dependencies

Optionally, you can link the Press Start 2P font for a better visual experience.

<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap"
/>

Development Commands

In the project directory, you can run:

npm install

Installs the project dependencies.

npm start

Runs the app in the development mode.

npm test

Launches the test runner in the interactive watch mode.

npm run build

Builds the app for production on the build folder.

npm run preview

Runs the build in preview mode.

npm run deploy

Publishes the build to GitHub Pages using gh-pages. Tutorial here.

npm run build:dist

Builds the package for distribution on the dist folder.

npm publish

Publishes the package from dist to npm.