react-conventions/docs/src/app/pages/components/InlineEdit/ExampleInlineEditInline.js

An open source set of React components that implement Ambassador's Design and UX patterns.

import React from 'react'
import InlineEdit from 'react-conventions/lib/InlineEdit'
import Icon from 'react-conventions/lib/Icon'
import style from './styles'

class ExampleInlineEditInline extends React.Component {
  constructor(props) {
    super(props)
  }

  render = () => {
    return (
      <InlineEdit name='test' value='test@example.com' optClass={style['opt-wrapper']} label='Email' icon='icon-mail-1' />
    )
  }
}

export default ExampleInlineEditInline