daily pastebin goal
78%
SHARE
TWEET

Untitled

a guest Aug 10th, 2018 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React from 'react';
  2.  
  3. const EditableRecipe = ({ recipe, onClose }) => {
  4.   return (
  5.     <div className="column is-one-third">
  6.       <div className="card">
  7.         <div className="card-image"></div>
  8.         <div className="card-content">
  9.           <div className="field">
  10.             <label className="label">Title</label>
  11.             <div className="control">
  12.               <input
  13.                 name="title"
  14.                 className="input"
  15.                 type="text"
  16.                 placeholder={recipe.title}
  17.                 onBlur={() => console.log('updated')} />
  18.             </div>
  19.           </div>
  20.           <br></br>
  21.           <div className="field">
  22.             <label className="label">Title</label>
  23.             <div className="control">
  24.               <textarea
  25.                 name="description"
  26.                 className="textarea"
  27.                 placeholder={recipe.description}
  28.                 onBlur={() => console.log('updated')} />
  29.             </div>
  30.           </div>
  31.         </div>
  32.         <a
  33.           className="button is-dark"
  34.           onClick={() => onClose()}>
  35.             Close
  36.         </a>
  37.       </div>
  38.     </div>
  39.   )
  40. }
  41.  
  42. export default EditableRecipe;
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top