DropdownMenu 🗑️

Deprecated

This component is deprecated. Use the Dropdown component instead. If you need any help with the migration, take a look in our migration guide.

UsageExamples
• Code

Import

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

Properties

children 📍

Concerns	📍 Required
Type	node | func

Description

Sets the children element.

id

Type	string | number

Description

Responsible to connect accessibly DropdownMenu.List with DropdownMenu.Trigger. The id value is used in aria-labelledby.

defaultOpen

Type	bool
Default	false

Description

A boolean value to control if render opened or closed.

onToggle

Type	func
Param	event React.SyntheticEvent - The event source of the callback.
Param	newOpenState boolean - The open new state.

Description

Callback fired when DropdownMenu.Trigger component is clicked or using accessible keyboard navigation to close DropdownMenu.List with ESC.

onSelect

Type	func
Param	event React.SyntheticEvent - The event source of the callback.

Description

Callback fired when DropdownMenu.Item is clicked.

position

Type	Enum of: DropdownMenu.positions.topStart DropdownMenu.positions.topEnd DropdownMenu.positions.rightStart DropdownMenu.positions.rightEnd DropdownMenu.positions.bottom DropdownMenu.positions.bottomStart DropdownMenu.positions.bottomEnd DropdownMenu.positions.leftStart DropdownMenu.positions.leftEnd
Default	DropdownMenu.positions.bottomStart

Description

Determines the direction and location of the DropdownMenu.List in relation to DropdownMenu.Trigger.

offset

Type	number | string

Description

Sets the distance between Dropdown and trigger. Use as a number or a string with unit px.

<DropdownMenuDivider /> 🗑️

Deprecated

Use `<Dropdown.Divider />` instead

Import

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

<DropdownMenuItem /> 🗑️

Deprecated

Use `<Dropdown.Item />` instead.

Import

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

Properties

as

Type	elementType
Default	'a'

Description

Set element type to be rendered for this component. By default it will be render a <a> element.

selected

Type	bool
Default	false

Description

Set boolean value to define item selected

disabled

Type	bool
Default	false

Description

Disable the item, making it unselectable

children

Type	node

Description

Sets the children element

onClick

Type	func

Description

Callback fired when the item is clicked.

<DropdownMenu.List /> 🗑️

Deprecated

Use `<Dropdown />` instead.

Import

import { DropdownMenu.List } from '@resultadosdigitais/tangram-components'

Properties

children

Type	node
Default	null

Description

Sets the children element.

<DropdownMenuTitle /> 🗑️

Deprecated

Use `<Dropdown.Title />` instead

Import

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

Properties

children

Type	node
Default	null

Description

Sets the children.

<DropdownMenu.Trigger /> 🗑️

Deprecated

Use `<Dropdown />` instead

Import

import { DropdownMenu.Trigger } from '@resultadosdigitais/tangram-components'

Properties

children

Type	node

Description

Sets the children element

Feedback