First, you need to import a component to your code (сheck component path is right):

import NavBar from "../../core/NavBar";

To use the component, copy and paste an example from the CODE tab.
Default props of component can be omitted, they are applied automatically. For example, you can skip the prop type='def', because 'def' is the default value of prop 'type'.

The Navbar API includes three stateless React components: NavbarGroup NavbarHeading NavbarDivider

import NavbarGroup from "../../core/Navbar/group.jsx"; 
import NavbarHeading from "../../core/Navbar/heading.jsx";
import NavbarDivider from "../../core/Navbar/divider.jsx";

These components are simple containers for their children. Each of them supports the full range of HTML div props.
NavbarGroup, NavbarHeading & NavbarDivider components API contains only className prop.
NavbarGroup API additional contains align - the side of the navbar on which the group should appear (string, can be left, right, center ).