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.