@mmgj/react-invisibutton NPM

@mmgj/react-invisibutton

Accessible yet invisible wrapper for blinged out clickables

Wraps a DOM element in <button> tags stripped of all visible styles.

Install

  npm i @mmgj/react-invisibutton

  yarn add @mmgj/react-invisibutton

Usage

  import InvisiButton from '@mmgj/react-invisibutton';
  ...

  <InvisiButton onClick={clickHandler}>
    <div style={{ /* Crazy stuff here */}}> Click me!</div>
  </InvisiButton>

Props

Prop	Type	Default	Description
`onClick`	`func`	`() => false;`	Click handler
`children`	`node`	`required`	Any renderable element
`style`	`object`	`{}`	Styles for the button element
`type`	`'button', 'submit' or 'reset'`	`'button'`	Override the button type
`className`	`'string'`	`''`	Additional classes for button element 1

1 The button element ships with the class name invisibutton__reset by default. I really hope this isn't your favorite class name.

remove-focus-outline

@infinitebrahmanuniverse/nolb-_mm @everything-registry/sub-chunk-610 @zalastax/nolb-_mm

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago