StickyBar

UsageExamples
• Code

Import

import { StickyBar } from '@resultadosdigitais/tangram-components'

Properties

children

Type	node

Description

Sets the children.

irremovable

Type	bool
Default	false

Description

Sets if the StickyBar is irremovable by hiding the close button.

hide

Type	bool

Description

Sets the StickyBar visibility.

defaultHide

Type	bool
Default	false

Description

Sets the default StickyBar visibility for uncontrolled state.

onClose

Type	func

Description

Sets a callback behavior when the StickyBar is closed.

backgroundColor

Type	string

Description

Sets the background color of StickyBar.

closeLabelText

Type	string
Default	StickyBar.translations.en.close

Description

Custom text for the label that identifies the close icon in the component. This text is not displayed on the screen.

Preset values for English, Brazilian Portuguese and Spanish are available in StickyBar.translations.en.close, StickyBar.translations.ptBR.close and StickyBar.translations.es.close.

<StickyBarGroup />

Import

import { StickyBarGroup } from '@resultadosdigitais/tangram-components'

Properties

children

Type	node

Description

Sets the children.

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.

<StickyBarSection />

Import

import { StickyBarSection } from '@resultadosdigitais/tangram-components'

Properties

children

Type	node

Description

Sets the children.

stretch

Type	bool
Default	false

Description

Makes the StickyBar.Section expanded up to the vertical limits of the StickyBar.

fluid

Type	bool
Default	false

Description

Makes the StickyBar.Section fill all available horizontal space.

Feedback