clickable-box
Advanced tools
Comparing version 0.0.6 to 0.0.7
@@ -196,3 +196,3 @@ 'use strict'; | ||
ClickableBox.defaultProps = { | ||
is: "div", | ||
is: "span", | ||
style: undefined, | ||
@@ -199,0 +199,0 @@ innerRef: undefined |
@@ -192,3 +192,3 @@ import React from 'react'; | ||
ClickableBox.defaultProps = { | ||
is: "div", | ||
is: "span", | ||
style: undefined, | ||
@@ -195,0 +195,0 @@ innerRef: undefined |
@@ -59,3 +59,3 @@ import React from "react"; | ||
ClickableBox.defaultProps = { | ||
is: "div", | ||
is: "span", | ||
style: undefined, | ||
@@ -62,0 +62,0 @@ innerRef: undefined |
{ | ||
"name": "clickable-box", | ||
"description": "Add `onClick` to HTML elements without sacrificing accessibility.", | ||
"version": "0.0.6", | ||
"version": "0.0.7", | ||
"main": "dist/index.cjs.js", | ||
@@ -31,3 +31,3 @@ "module": "dist/index.es.js", | ||
}, | ||
"gitHead": "caad689e1566cbf993cfa2f2c321bd59cfad37fc" | ||
"gitHead": "63147bd9a20ad05a04ca1a2f60f08d3447a06e7e" | ||
} |
@@ -34,3 +34,3 @@ # ClickableBox | ||
<ClickableBox is="span" className="icon-container" aria-label="Close modal"> | ||
<ClickableBox className="icon-container" aria-label="Close modal"> | ||
<CloseIcon /> | ||
@@ -44,7 +44,7 @@ </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 | | ||
| prop | type | description | | ||
| --------- | ------------------------------------------------ | ------------------------------------------------- | | ||
| `onClick` | `function` \| _required_ | The action to perform when the element is pressed | | ||
| `is` | `string`, `React.Element` \| defaults to: `span` | The element to render | | ||
| `ref` | `React.Ref` | Provides access to the React element | | ||
@@ -51,0 +51,0 @@ You can pass any custom prop as well since this component spreads all of the props on the rendered element. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet