v.0.0.8

type sum

copied!
npm i keybored
copy

Features

keybored is built for React and ready to handle all of your on-screen typing needs

Style Everything

Customize keybored to your heart’s desire. With the included CSS file, you can style every aspect of your keys, including creating one-offs.

Various keycaps achievable with keybored js

Choose your bored

Choose between ‘std’ or ‘wasd’ for an experience that caters to your needs. Check out our futures section for a peek at the roadmap.

Various keyboard options available with keybored js

Accessible by default

One of the biggest wins with keybored has been creating a keyboard that’s not only clickable and tappable, but also targetable using tabbing.

Visual depicting a selected key while using keybored js

Guides

All you need to know to get started with keybored

View source
link

Install

Let’s get tippity typing

copied!
npm i keybored
copy
Add the CSS
link

Usage

A peek behind the curtain

Options

Name

Type

Default

whatKey
boolean
false

Helper function. Logs key input to the console.

Name

Type

Default

keyboard
string
'.std'

Keyboard selector. Input ‘.wasd’ to see an alternative.

Name

Type

Default

nestIn
string
'body'

This value determines where your keybored is placed in your app.

Name

Type

Default

function
function
NA

This is where the magic happens! Create a function that uses keybored’s output values to do the thing.