Skip to content

Instantly share code, notes, and snippets.

@decpk
Created January 28, 2021 08:00
Show Gist options
  • Select an option

  • Save decpk/fccbd15714b25fe4f429449500f51e82 to your computer and use it in GitHub Desktop.

Select an option

Save decpk/fccbd15714b25fe4f429449500f51e82 to your computer and use it in GitHub Desktop.
Functional component
import React from 'react';
function ButtonComponent( {
buttonName = 'click me',
backgroundColor = 'purple',
color = 'white',
padding = '1rem',
borderRadius = '4px'
}) {
return (
<button style={{ backgroundColor, color, padding, borderRadius}}>
{ buttonName }
</button>
);
}
export default ButtonComponent;
import React from 'react';
import ReactDOM from 'react-dom';
import ButtonComponent from './components/ButtonComponent';
ReactDOM.render(
<ButtonComponent buttonName="Search" padding="1rem 1.25rem" />,
document.querySelector( "#root" )
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment