Attach Embeds React

React components for Attach Embeds

Installation

npm

$ npm install --save attach-embeds attach-embeds-react

yarn

$ yarn add attach-embeds attach-embeds-react

Usage

importReactfrom'react'import{attach,Reactions,Preview}from'attach-embeds-react'classAppextendsReact.Component{componentDidMount(){if(!attach.isInitialized()){attach.setProperties({'attach:item': `https://www.attach.live`,'attach:reactions:hide-sections': ['comments','videos'],})attach.initialize()}}render(){return(<><div><Reactionsitem="https://developers.attach.live"/></div><div><Reactionsproperties={{hide-sections: 'videos'}}/></div><div><Preview/></div></>)}}

attach

Embeds API, convenient re-export from attach-embeds

Components

All components accept these common props:

• className, style
• properties - object, set properties local to the embed
• item - same as setting properties={{ 'attach:item': '...' }}

Reactions

Renders the reactions embed.

Preview

Renders the preview embed.