diff --git a/src/components/common/show-if.tsx b/src/components/common/show-if.tsx
new file mode 100644
index 000000000..740e2782e
--- /dev/null
+++ b/src/components/common/show-if.tsx
@@ -0,0 +1,9 @@
+import React, { Fragment } from 'react'
+
+export interface ShowIfProps {
+  condition: boolean
+}
+
+export const ShowIf: React.FC<ShowIfProps> = ({ children, condition }) => {
+  return condition ? <Fragment>{children}</Fragment> : null
+}