DropdownItem

Usage

import { DropdownItem } from 'nr1'

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.

For a test id to be valid, prefix it with your nerdpack id, followed up by a dot.

For example, my-nerdpack.some-element.

Note: You might not see data-test-id attributes as they are removed from the DOM, to debug them pass a e2e-test query parameter to the URL.

toshape|string

Location object or url string to link to.

pathnamerequiredstring

searchstring

hashstring