DropdownItem

Basic usage

Michael Murphy

<DropdownItem label="Michael Murphy" />

Description

The helpText prop is used to add a description to the DropdownItem.

Michael Murphy

Growth team

<DropdownItem helpText="Growth team" label="Michael Murphy" />

Highlighted

The isHighlighted prop is used to highlight the DropdownItem.

Michael Murphy

<DropdownItem isHighlighted {...otherProps} />

Selected

The isSelected prop is used to display the DropdownItem as selected.

Michael Murphy

<DropdownItem isSelected {...otherProps} />

Prefix and suffix

Items can be added inside a DropdownItem with the prefix and suffix props.

Michael Murphy

24€

<>
  <DropdownItem
    prefix={
      <Avatar variant="square" size={24} src="/aurelien.webp" text="Aurelien" />
    }
    {...otherProps}
  />
  <DropdownItem suffix={<span>24€</span>} {...otherProps} />
</>