ContentShow
El componente ContentShow permite mostrar u ocultar su contenido condicionalmente basado en la propiedad 'show'.
Ejemplo
Importación
Para importar el componente ContentShow, se puede hacer desde fenextjs
import { ContentShow } from "fenextjs";Parámetros
| Parámetro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| children | ReactNode | no | undefined | El contenido que se mostrará o ocultará dependiendo del valor de 'show'. |
| show | boolean | no | true | Determina si el contenido debe mostrarse. Si es false, el contenido se ocultará. |
| className | string | no | '' | Clase CSS para personalizar el contenedor del componente. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Básico
<ContentShow show={true}>
<div>Contenido visible</div>
</ContentShow>- Contenido oculto
<ContentShow show={false}>
<div>Contenido oculto</div>
</ContentShow>