TopBar

The TopBar component is a navigation element intended to be placed at the top of the page. The TopBar component supports many different layout options. The TopBar component also supports the inclusion of any arbitrary child components.

expand
expand
expand
expand
expand

Properties:

NameTypeDefaultDescription
TopBar Props
Name:scrollType:boolDefault:noneDescription:Apply to rev-TopBar-item when the container needs to scroll at all screen sizes.
Name:scrollSmallType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at small-only breakpoint.
Name:scrollMediumType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at medium breakpoint and up.
Name:scrollMediumDownType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at medium breakpoint and down.
Name:scrollLargeType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at large breakpoint and up.
Name:scrollLargeDownType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at large breakpoint and down.
Name:scrollXlargeType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at xlarge breakpoint and up.
Name:scrollXlargeDownType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at xlarge breakpoint and down.
Name:scrollNavType:boolDefault:noneDescription:Apply to rev-TopBar-item. If you have updated the $nav breakpoint var so that it is not using the default size, this prop can be used to make the container scrollable at your customized nav breakpoint and up.
Name:scrollNavOnlyType:boolDefault:noneDescription:Apply to rev-TopBar-item. Scrolls at nav-only breakpoint.