Inline Edit Select

ProNew

A value that becomes a select when activated and saves the moment an option is chosen, for statuses, owners and priorities in a detail view.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac/inline-edit-select

It builds on the native-select component, which the CLI installs for you.

Prop	Type	Default	Description
`value`	`string`	`-`	Selected option value.
`options`	`{ value: string; label: string }[]`	`-`	The choices.
`onSave`	`(next: string) => void \| Promise<void>`	`-`	Called when an option is chosen.
`label`	`string`	`-`	Names the field.

Role: combobox.

The read view is a button whose name is the label, the value and the word Change.
The editor is a native select, so mobile pickers and type-ahead work.
Focus returns to the read view afterwards.