docs: renderIf component (#1784)

src/components/RenderIf/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export interface RenderIfProps {
+    isTrue?: boolean;
+    children?: ReactNode;
+}
+
+export default function(props: RenderIfProps): JSX.Element | null;

src/components/RenderIf/index.js

@@ -9,7 +9,9 @@ export default function RenderIf({ isTrue, children }) {
 }
 
 RenderIf.propTypes = {
+    /** Indicates whether the component content is showed or not. If is set to true, then is showed the component content. */
     isTrue: PropTypes.bool,
+    /** The content of the component. */
     children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.object]),
 };
 

src/components/RenderIf/readme.md

@@ -0,0 +1,10 @@
+
+##### RenderIf base use case
+
+```js
+import React from 'react';
+import { Avatar } from 'react-rainbow-components';
+
+<div className="rainbow-p-vertical_large rainbow-p-left_medium">
+    RenderIf
+</div>

src/components/index.d.ts

@@ -61,6 +61,7 @@ export { default as RadioButtonGroup } from './RadioButtonGroup';
 export { default as RadioGroup } from './RadioGroup';
 export { default as Rating } from './Rating';
 export { default as ReCaptcha } from './ReCaptcha';
+export { default as RenderIf } from './RenderIf';
 export { default as Select } from './Select';
 export { default as Sidebar } from './Sidebar';
 export { default as SidebarItem } from './SidebarItem';

src/components/index.js

@@ -59,6 +59,7 @@ export { default as RadioButtonGroup } from './RadioButtonGroup';
 export { default as RadioGroup } from './RadioGroup';
 export { default as Rating } from './Rating';
 export { default as ReCaptcha } from './ReCaptcha';
+export { default as RenderIf } from './RenderIf';
 export { default as Select } from './Select';
 export { default as Sidebar } from './Sidebar';
 export { default as SidebarItem } from './SidebarItem';