2019

← Back

too-bored

Configurable React.js virtual keyboard component used in retail kiosk applications.

npm

A fully configurable React.js virtual keyboard component built for retail kiosk applications. Originally developed for the Beer Kiosk project at Retail Business Services, it provides touch-friendly input with customizable layouts, themes, and key mappings. Published to the company's internal npm registry and used across multiple kiosk projects.

Tech Stack

React.jsTypeScriptNPM

Impact

Used in

Beer Kiosk

Platform

npm

Gallery

Implementation Highlight

VirtualKeyboard.tsxtypescript
import TooBored from 'too-bored';

export function KioskInput() {
  const [value, setValue] = useState('');

  return (
    <div>
      <input value={value} readOnly />
      <TooBored
        onChange={setValue}
        layout="qwerty"
        theme="dark"
        maxLength={50}
      />
    </div>
  );
}