React composition

function FancyBorder(props) {
  return (
    <div className={'FancyBorder FancyBorder-' + props.color}>
      {props.children}    </div>
  );
}

Source: reactjs.org

React composition

function WelcomeDialog() {
  return (
    <FancyBorder color="blue">
      <h1 className="Dialog-title">        Welcome      </h1>      <p className="Dialog-message">        Thank you for visiting our spacecraft!      </p>    </FancyBorder>
  );
}

Source: reactjs.org

Similar codes

1 vote398 views1 answer
Fontawsome icon size react element
Javascript React
-1 vote391 views1 answer
Get height component react
Javascript React
0 vote379 views1 answer
Back button not working when modal open in react native
Javascript React
0 vote423 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
3 votes422 views2 answers
How to know the current route in react class component
Javascript React
0 vote332 views1 answer
React merge two objects
Javascript React
0 vote380 views1 answer
Icon button react
Javascript React
0 vote386 views1 answer
How to use empty href link in reactjs
Javascript React
1 vote395 views1 answer
React native linking email
Javascript React
1 vote395 views1 answer
Disable split screen react native
Javascript React