JSPM

  • Created
  • Published
  • Downloads 3884
  • Score
    100M100P100Q122602F
  • License MIT

Add `onClick` to HTML elements without sacrificing accessibility.

Package Exports

  • clickable-box

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (clickable-box) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Build status Code coverage Bundle size Bundle size

ClickableBox

Problem: It's very hard to remove all styles from HTML button elements.

It's also hard to create clickable divs that are accessible.

Solution: The ClickableBox component allows you to add onClick to HTML elements without sacrificing accessibility.

Install

You can install ClickableBox with NPM or Yarn.

npm install clickable-box --save-exact
yarn add clickable-box --exact

We encourage pinning the version number until ClickableBox reaches 1.0.0. We may ship breaking changes in 0.x.x versions.

Props

There are a few props that are built into ClickableBox:

prop type description
onClick function | required The action to perform when the element is pressed
is string, React.Element | defaults to: div The element to render
ref React.Ref Provides access to the React element

You can pass any custom prop as well since this component spreads all of the props on the rendered element.