PageHeader
Import
import { PageHeader } from '@resultadosdigitais/tangram-components'
Properties
size
fluid
| Type | bool |
|---|---|
| Default | false |
Description
Sets a horizontal spacing that allows the component to properly fill 100% of a region.
inner
children
actionBack 🗑️
| Concerns | 🗑️ Deprecated: Replace by `<PageHeader.Back />` component. |
|---|---|
| Type | node |
Description
Sets element for action back area usually used to back buttons.
internal 🗑️
| Concerns | 🗑️ Deprecated: Replace by `inner` property. |
|---|---|
| Type | bool |
Description
Sets the type internal for page header. Has the same effect as the inner property.
actions 🗑️
| Concerns | 🗑️ Deprecated: Replace by `<PageHeader.Actions />` component. |
|---|---|
| Type | node |
Description
Sets elements for action area. Usually is used <ButtonGroup /> here to encapsulate the buttons.
<PageHeaderActions />
Import
import { PageHeaderActions } from '@resultadosdigitais/tangram-components'
Properties
children
<PageHeaderBack />
Import
import { PageHeaderBack } from '@resultadosdigitais/tangram-components'
Properties
tooltip
as
| Type | elementType | string |
|---|---|
| Default | 'a' |
Description
Set element type to be rendered for this component. By default it will render a a element.
Additional properties can be passed to the component according to the element specified in this property.
<PageHeader.Back href="/" />
<PageHeaderMain />
Import
import { PageHeaderMain } from '@resultadosdigitais/tangram-components'
Properties
section
children
<PageHeaderTitle />
Import
import { PageHeaderTitle } from '@resultadosdigitais/tangram-components'
Properties
children
truncate
| Type | bool |
|---|---|
| Default | false |
Description
Identifies that the text will be truncated when it exceeds the available size.
Feedback
Para reportar algum problema ou sugerir alterações, use nosso formulário de melhorias ou, se preferir, abra uma issue no nosso Github.