Navbar
Import
import { Navbar } from '@resultadosdigitais/tangram-components'
Properties
children
size
disableAutoPositioning
| Type | bool |
|---|---|
| Default | false |
Description
Disables automatic positioning of the component.
If this property is true, the component positioning must be provided by some external means.
<NavbarAccountInfo />
Import
import { NavbarAccountInfo } from '@resultadosdigitais/tangram-components'
<NavbarAccountItem />
Import
import { NavbarAccountItem } from '@resultadosdigitais/tangram-components'
<NavbarAcccountProvider />
Import
import { NavbarAcccountProvider } from '@resultadosdigitais/tangram-components'
Properties
children
avatarSrc
userName
accountName
<NavbarItem />
Import
import { NavbarItem } from '@resultadosdigitais/tangram-components'
Properties
active
as
| Type | elementType | string |
|---|
Description
Set element type to be rendered for this component. Additional properties can be passed to the component according to the element specified in this property.
// with react-router-dom
<Navbar.Item as={Link} to="/dashboard">Dashboard</Navbar.Item>
children
<NavbarSection />
Import
import { NavbarSection } from '@resultadosdigitais/tangram-components'