Unsaved Changes Bar
Forms
Source and install need .
pnpm dlx shadcn@latest add @assembli/env-vars-editorEnv Vars Editor
The environment variables editor from a deploy dashboard. Names clean themselves to UPPER_SNAKE and flag clashes in the same environment; values stay masked with a reveal, and sensitive ones lock for good once saved. Chips set each row's environments. Paste a whole .env into any name field, or drop the file, to import it. Remove with undo, filter by name, and save with ⌘S.
Props
Other props pass through to the root element.
defaultValue
EnvVar[]
Default
[]The saved variables. Sensitive ones can come back with an empty value.
environments
EnvEnvironment[]
Default
DEFAULT_ENVIRONMENTSonSave
(vars: EnvVar[]) => Promise<unknown> | void
Persist the variables. Resolve to commit them; reject to keep the changes and show an error.
onValueChange
(vars: EnvVar[]) => void
Called on every edit with the current rows, blank rows included.
title
React.ReactNode
Default
"Environment variables"description
React.ReactNode
Default
"Encrypted at rest and injected at build and runtime. Chang…undoSeconds
number
Default
6Seconds the undo strip stays after a removal or import.
| Description | |||
|---|---|---|---|
| defaultValue | EnvVar[] | [] | The saved variables. Sensitive ones can come back with an empty value. |
| environments | EnvEnvironment[] | DEFAULT_ENVIRONMENTS | |
| onSave | (vars: EnvVar[]) => Promise<unknown> | void | – | Persist the variables. Resolve to commit them; reject to keep the changes and show an error. |
| onValueChange | (vars: EnvVar[]) => void | – | Called on every edit with the current rows, blank rows included. |
| title | React.ReactNode | "Environment variables" | |
| description | React.ReactNode | "Encrypted at rest and injected at build and runtime. Chang… | |
| undoSeconds | number | 6 | Seconds the undo strip stays after a removal or import. |
