diff --git a/snippets/Input.md b/snippets/Input.md new file mode 100644 index 000000000..c899c86d3 --- /dev/null +++ b/snippets/Input.md @@ -0,0 +1,32 @@ +### Input + +Renders an `` element that uses a callback function to pass its value to the parent component. + +Use object destructuring to set defaults for certain attributes of the `` element. +Render an `` element with the appropriate attributes and use the `callback` function in the `onChange` event to pass the value of the input to the parent. + +```jsx +function Input ({ callback, type = 'text', disabled = false, readonly = false, placeholder = '', value = '' }) { + return ( + callback(event.target.value)} + /> + ); +} +``` + +```jsx +ReactDOM.render( + console.log(val)}/>, + document.getElementById('root') +); +``` + + + +