2017-02-11 3 views
2

MoreVert 아이콘을 사용하여 응용 프로그램 헤더의 로그 아웃 및 설정 옵션에 대한 옵션을 표시하려고합니다. 이 (아래)와 같은 MoreVert 아이콘을 포함 시켰습니다. 아이콘의 상상의 장소를 클릭하면 팝업이 나타나지만 MoreVert 아이콘을 볼 수 없습니다. 어떻게해야합니까?MoreVert 아이콘이 보이지 않음 재질 ui

import {red500, greenA200} from 'material-ui/styles/colors'; 
<MoreVertIcon color={red500} hoverColor={greenA200} /> 

당신은 확인할 수 있습니다 :

+0

오류가 있습니까? 네트워크 탭에 404 또는 이와 비슷한 항목이 있습니까? – Chris

+0

아니요 표시된 오류가 없습니다. 버텍스 아이콘 대신 버텍스 아이콘을 클릭하면 나타나는 팝업을 볼 수 있습니다. – ApurvG

+0

반응 도구 모음에서 어떨까요? 해당 영역의 스크린 샷을 붙여 넣을 수 있습니까? – Chris

답변

2

render(){ 
     return (
      <header className={c.container}> 
       <div className='logo'> 
        <Link to='/app'> 
         <img className='img-logo' src='/public/img/logo.png'/> 
        </Link> 
       </div> 
       <div className='flex-fill'/> 
       <div className='user'> 
        Apurv Gandhwani 
       </div> 
       <IconMenu 
        iconButtonElement={ 
         <IconButton><MoreVertIcon /></IconButton> 
        } 
        targetOrigin={{horizontal: 'right', vertical: 'top'}} 
        anchorOrigin={{horizontal: 'right', vertical: 'top'}} 
       > 
        <MenuItem primaryText="Settings"/> 
        <MenuItem primaryText="Help"/> 
        <MenuItem onTouchTap={this.onSignOutClick.bind(this)} primaryText="Sign out"/> 
       </IconMenu> 

      </header> 
     ) 
    } 

enter image description here

enter image description here

enter image description here 내가 문제가 단지 색상으로 관련되어 생각, 다음을 시도 http://www.material-ui.com/#/customization/colors을위한 사용 가능한 색상.

+0

Worked를 살펴 봅니다. 고마워. – ApurvG

관련 문제