Env editor
An environment variables editor with per-environment tabs, masked secrets with reveal, name validation and duplicate checks, .env paste import and an unsaved-changes count before save.
Preview
NameValue
- Use A–Z, 0–9 and _, not starting with a digit
Fix 1 name before saving · 3 unsaved changes · 2 added · 1 changed
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultValue | Record<string, { id: string; key: string; value: string; secret?: boolean }[]> | — | The saved state per environment; changes are counted against it. |
| environments | string[] | ["Development", "Preview", "Production"] | Tabs, in order. |
| onSave | (value: EnvSets) => void | Promise<void> | — | Called with every environment on Save; the result becomes the saved state. |
| defaultDraft | EnvSets | defaultValue | Unsaved edits to start from (previews). |
| defaultEnvironment | string | first environment | Tab shown first. |
| defaultImportOpen | boolean | false | Show the .env import box open. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.