Autodesk / Autodesk/hig

Call renderOption with relevant option props

Open
#1,172 2 comments 0 reactions 0 assignees View on GitHub
needs api design
Dominant language
JavaScript
Stars
193
Forks
112
PR merge metrics
No merged PRs in 30d

Description

As a client dev
when I custom-render an option
I can have relevant state and props available
so I can render interactive, standards-compliant items in my Dropdown.

---

### When item is a string

```javascript
(

{item}

)}
/>
```

### When item is an object

```javascript
(

{item.label}

)}
/>
```

### Applying a class when item is selected

```javascript
(

{item.label}

)}
/>
```

`itemProps` is an object with the following properties

Contributor guide

Open the contributing guide

Research direction

Start at the Dropdown renderOption entry point and inspect how options are currently rendered and what option state is available. Use the string, object, and selected-item examples to verify the intended itemProps contract; done means custom-rendered options receive the relevant props while remaining interactive and standards-compliant.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
accessibility, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.