FYI: Modify the tagname according to the parameter in a component

Closes #28

Author: vasanthk

ux-variations/05.wrapper-components.md

@@ -20,5 +20,20 @@ const Parent = () => {
   </div>
 };
 ```
+
+FYI - Wrapper component can also be made accept a tag name and then used to generate the HTML element.
+However, usually this is not recommended because you can't add attributes/props to it.
+
+```javascript
+const SampleComponent = () => {
+  <Wrap tagName="div" content="Hello World" />
+};
+
+const Wrap = ({ tagName, content }) => {
+  const Tag = `${tagName}`     // variable name must begin with capital letters
+  return <Tag>{content}</Tag>
+}
+```
+
 ### Related links:
 - [Slides from my talk: Building Multi-tenant UI with React](https://speakerdeck.com/vasa/building-multitenant-ui-with-react-dot-js)