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.
positionRelativeTo
| Type | string | shape | instanceOf |
|---|---|
| Default | null |
Description
Element (or reference to an element) that the Navbar should be positioned relative to.
Accepts:
- a
string(element id) - a ref object (
{ current: Element }) - an
Element
When provided, the Navbar will be positioned fixed relative to this element,
positioned to the top of the referenced element.
<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'
Properties
children
fluid
unbordered
Feedback
Para reportar algum problema ou sugerir alterações, use nosso formulário de melhorias ou, se preferir, abra uma issue no nosso Github.