Add Custom Text Input to the Options List in Studio

Does anyone know how I might add a custom text input to the

options

list in Studio? For example, if a user wants to select from preset labels or enter their own.

{

name: 'label',

title: 'Label',

type: 'string',

options: {

list: ['First Name', 'Last Name', 'Company', 'Email', 'Message', 'Phone']

},

Thanks!

Usually it’s either a select with options or a string field for custom input. However, what you could try is set up a conditional input field that only shows up if the user selects an option like

'Other'

.
For an example of how to set up conditional fields as a custom input component, here’s a snippet:
https://github.com/sanity-io/sanity-recipes/blob/39d2fb0d079fec3a60dc1f13d6abbf6f4e3ae037/snippets/conditionalFieldsCustomInputComponent.js
Let me know if you need more info based on the snippet
🙂

Cool, thanks for the quick reply Peter

Though to clarify, this is on the Studio side of things - I want to give our marketing team the ability to create a custom input field in addition to the pre set drop down that currently exisist

exists**

The snippet is for the Studio side of things: it lets you set up an extra field that is hidden or visible depending on the value of another field (for example when `label`’s value equals

'Other'

).
Alternatively, you could show the extra string field at all times, but this might be confusing to the editors. There’s currently no option to have a select + custom input on a single string field. You could decide to create such a field type as a custom input component as well I guess, but the conditional field route is probably faster.

Awesome, thanks!