Saltar al contenido principal

<Details />

Para hacer el cuadro

se hace con el siguiente código:

<details>
<summary>Click to expand!</summary>
This is a hidden text.
</details>
Details

Click to expand! This is a hidden text.

Nosotros lo usamos con la className='transparent' para que no se vea el color del cuadro.

<details className='transparent'>
<summary>Click to expand!</summary>
This is a hidden text.
</details>
Details

Click to expand! This is a hidden text.

Para hacer que el cuadro se abra por defecto, se le agrega el atributo open.

<details className='transparent' open>
<summary>Click to expand!</summary>
This is a hidden text.
</details>
Details

Click to expand! This is a hidden text.