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, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.