Skip to content

Instantly share code, notes, and snippets.

@productioncoder

productioncoder/HeaderNav.js

Created September 1, 2018 13:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save productioncoder/9d2c94e827335472bb71d8876b8db41c to your computer and use it in GitHub Desktop.
Save productioncoder/9d2c94e827335472bb71d8876b8db41c to your computer and use it in GitHub Desktop.
Download ZIP
HeaderNav icons
Raw
HeaderNav.js
<Menu.Menu position='right'>
<Menu.Item>
<Icon className='header-icon' name='video camera' size='large'/>
</Menu.Item>
<Menu.Item>
<Icon className='header-icon' name='grid layout' size='large'/>
</Menu.Item>
<Menu.Item>
<Icon className='header-icon' name='chat' size='large'/>
</Menu.Item>
<Menu.Item>
<Icon className='header-icon' name='alarm' size='large'/>
</Menu.Item>
<Menu.Item name='avatar'>
<Image src='http://via.placeholder.com/80x80' avatar/>
</Menu.Item>
</Menu.Menu>
Raw
HeaderNav.scss
.ui.menu.top-menu {
border: none;
/* ... */
.header-icon {
color: #a0a0a0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment