Skip to content

Instantly share code, notes, and snippets.

@innabelaya

innabelaya/ClientBemReactCore.html

Created March 29, 2018 13:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save innabelaya/72a611a67d151e6eda6d942c94f21bdc to your computer and use it in GitHub Desktop.
Save innabelaya/72a611a67d151e6eda6d942c94f21bdc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ClientBemReactCore.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/prop-types/prop-types.min.js"></script>
<script src="https://unpkg.com/bem-react-core@1.0.0-rc.8/umd/react.js"></script>
</head>
<body>
<div id="root"></div>
<script>
var Button = BemReactCore.decl({
block: 'Button',
tag: 'button',
attrs: { type: 'submit' }
});
BemReactCore.declMod({ disabled: true }, {
block: 'Button',
attrs: { disabled: 'disabled' }
});
ReactDOM.render(
React.createElement(Button.applyDecls(), { disabled: true }, 'Click me!'),
document.getElementById('root')
);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment