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.