add in top-bar component, move to type to be in alphabetical order
Merge pull request #3819 from erutan/master

add in top-bar component, move to type to be in alphabetical order