@ornery/react-web-components NPM

design-system react-support

A wrapper to handle custom events within any custom elements you want to use within react. It will also destory the events on unmount for you.

Installation

npm

npm i `@ornery/react-web-components` --save

yarn

yarn add `@ornery/react-web-components`

React Component

import WebComponentWrapper from `@ornery/react-web-components`

export const wrapped = () => (
<WebComponentWrapper tag="my-element" onMyCustomEvent={()=> console.log('I haz cuztem events!')} />
)

Attributes

Attribute	Type	Description
`on(.*)`	`Func`	(.*) is the event to listen to camelCased. It is converted to kebab-case. If your CustomEvent's name is `custom-event-name` you need to set the prop as onCustomEventName in react.
`tag`	`String`	tag to render

Properties

Property
`elementRef`

Methods

Method	Type
`componentDidMount`	`(): void`
`componentWillUnmount`	`(): void`

react

@infinitebrahmanuniverse/nolb-_orn @everything-registry/sub-chunk-695

0.1.0

4 years ago

0.0.5

4 years ago