Popover

UsageExamples
• Code

Import

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

Properties

anchorEl

Type	instance of Element

Description

Sets the anchor element (html element).

open

Type	bool
Default	false

Description

A boolean value to control if render opened or closed.

width

Type	number

Description

A numeric value from 280 to 620 (that will be converted into pixels) to control the width of the popover.

dismissible

Type	bool
Default	false

Description

Sets if the Popover is dismissible making available a button that when clicked closes the Popover.

position

Type	Enum of: Popover.positions.top Popover.positions.topStart Popover.positions.topEnd Popover.positions.right Popover.positions.rightStart Popover.positions.rightEnd Popover.positions.left Popover.positions.leftStart Popover.positions.leftEnd Popover.positions.bottom Popover.positions.bottomStart Popover.positions.bottomEnd
Default	Popover.positions.bottom

Description

Determines the position of popover related at anchorEl.

closeLabelText

Type	string
Default	Popover.translations.en.close

Description

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

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

onClose

Type	func
Param	event: React.SyntheticEvent - The event source of the callback.
Param	reason: string - Can be Popover.reasonsToClose.clickOutside,

Description

A callback called when Popover requests to be closed.

Popover.reasonsToClose.escape or Popover.reasonsToClose.close.

kind

Type	Enum of: Popover.kinds.default Popover.kinds.highlight
Default	Popover.kinds.default

Description

Sets the Popover kind.

children

Type	node

Description

Sets children.

<PopoverTitle />

Import

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

Properties

children

Type	node

Description

Sets children.

Feedback