aws-amplify / aws-amplify/amplify-studio

Add ability to configure "options" property for SelectField component in Amplify Studio

Open
#626 2 comments 0 reactions 0 assignees View on GitHub
feature-request studio-ui
Dominant language
No language data
Stars
135
Forks
32
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
Unable to configure SelectField options without writing code.

From [AWS Ampliy Discord #studio-help](https://discord.com/channels/705853757799399426/783751834241204235/1002524965544939540)
> I haven't quite worked that out. Basically, what I'm trying to do, is have the user click an item in a Collection (of model type "Client") and then that take to a page with a Collection of model type "Card". The Card model has a relationship with Client, linked by prop "clientID". So I want to filter the Collection of Cards by the clientID.
But I think my issue might be more fundamental than this. I've gone through the docs several times and tried to follow the instructions verbatim. This section here suggests I should see a "View/Edit" link on the right-hand panel:

**Describe the solution you'd like**
Ability to add and configure "options" prop to SelectField component within Amplify Studio

**Describe alternatives you've considered**
Current workaround (@hein-j ):
```
export default function MyComponent(props) {
const {overrides,...rest} = props;
return (


)

```

```
}}} />
```
Must be on ^3.1.0 of @aws-amplify/ui-react to do this in Typescript.

Contributor guide

Open the contributing guide

Research direction

The issue names the SelectField component and the @aws-amplify/ui-react workaround, but no repository files or tests. Start by locating the Studio configuration path for SelectField and tracing how its options are represented. Done means options can be configured in Studio without custom overrides or handwritten code, including the reported Client/Card use case.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.