UNPKG

show-hide-lib

Version:

A simple React component to show or hide content dynamically.

1 lines 1.13 kB
{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport type ShowHideProps = {\r\n show?: boolean; // permet de rendre le contenu visible\r\n hide?: boolean; // permet de cacher le contenu\r\n children: React.ReactNode;\r\n hiddenPlaceholder?: React.ReactNode; // Le contenu caché, sera vide \"\" par défaut\r\n};\r\n\r\nexport const ShowHide: React.FC<ShowHideProps> = ({\r\n show = false, // Par défaut, caché\r\n hide = false, // Si hide est true, on cache également\r\n children,\r\n hiddenPlaceholder = \"\"\r\n}) => {\r\n if (show) {\r\n return (\r\n <>\r\n {children}\r\n </>\r\n );\r\n } else if (hide) {\r\n return (\r\n <>\r\n {hiddenPlaceholder}\r\n </>\r\n );\r\n }\r\n\r\n return <>{hiddenPlaceholder}</>; // Par défaut, on cache\r\n};\r\n"],"mappings":";AAAA,OAAO,WAAW;AASX,IAAM,WAAoC,CAAC;AAAA,EAChD,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP;AAAA,EACA,oBAAoB;AACtB,MAAM;AACJ,MAAI,MAAM;AACR,WACE,0DACG,QACH;AAAA,EAEJ,WAAW,MAAM;AACf,WACE,0DACG,iBACH;AAAA,EAEJ;AAEA,SAAO,0DAAG,iBAAkB;AAC9B;","names":[]}