1

Teniendo el siguiente código:

<Navbar>
            <Nav>
                <NavDropdown title="Entidades Logicas" id="basic-nav-dropdown">
                        <MenuItem>
                            A
                            </MenuItem>
                        <MenuItem>B
                            </MenuItem>
                </NavDropDown>
           </Nav>
</NavBar>

¿Cómo puedo meter una foto/icono dentro del NavDropDown?¿Mediante parametros cómo "title" o cómo?

1 respuesta 1

1

Agrega los tags que necesites dentro de una variable y luego ésa variable la agregas a la propiedad title de NavDropdown. Por ejemplo, usar un ícono de font awesome, sería algo como esto:

const title =
  <span>
    <i className="fa fa-cog fa-spin"/>Entidades Logicas
  </span>

//...

<Navbar>
  <Nav>
    <NavDropdown title={title} id="basic-nav-dropdown">
      <MenuItem>
        A
      </MenuItem>
      <MenuItem>
        B
      </MenuItem>
    </NavDropdown>
  </Nav>
</Navbar>
2
  • Si, pero no me refiero a colocarlo dentro del MenuItem exactamente, sino donde aparece el titulo del NavDropDown, es decir, que aparezca el titulo y el icono juntos.
    – XXx
    el 7 dic. 2016 a las 7:39
  • @XXx tienes toda la razón, revisa mi actualización el 8 dic. 2016 a las 2:28

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.