• /
  • Log in

DropdownItem

Child element of the <Dropdown> component.

Supports click events through the onClick prop and the possibility to redirect to other pages through the to prop.

Supports subitems through the items prop and by passing a render function to the children prop.

Usage

import { DropdownItem } from 'nr1'

Props

childrenrequirednode|(node|function)[]

Content to display inside the item.

It also accepts a render method as a last children when rendering nested lists. It requires to pass an array to the items prop.

classNamestring

Appends class names to the component.

Should be used only for positioning and spacing purposes.

disabledboolean
DEFAULT
false

If true, the item is not available for interaction and its onClick callback won't fire.

itemsarray

Items to renders a sublist of the current item.

This prop also requires to pass a function as a last children after the item's content to work.

onClickfunction

Callback fired any time the user clicks on the item.

function (
event: React.MouseEvent
)
selectedboolean
DEFAULT
false

Shows the option as selected.

styleobject

Inline style for custom styling.

Should be used only for positioning and spacing purposes.

testIdstring

Adds a data-test-id attribute.

Use it to target the component in unit and e2e tests.

toshape|string

Location object or url string to link to.

shape

pathnamerequiredstring
searchstring
hashstring
Create issueEdit page
Copyright © 2021 New Relic Inc.