Gen Settings
A run's settings behind one toolbar button that sums them up, opening above the prompt with the pickers the model takes.
In use
Each studio's settings: ratio and size in the Playground, duration and audio in the Video Studio, per tool in the Image Edit Studio.
Your image will appear here
Your image will appear here
Your image will appear here
Your image will appear here
Paint over what to change. Tab reaches the marks: arrow keys move one, Enter edits its note, Delete removes it.
Your video will appear here
Installation
pnpm dlx shadcn@latest add https://mgp.paukraft.com/r/gen-settings.jsonGenSettings
Also takes Base UI's Popover.Root props.
| Prop | Type | Default |
|---|---|---|
| summary | ReactNodeThe trigger's content: the settings, summed up, e.g. the ratio's shape and "16:9 · 2K". | — |
| children | ReactNodeThe popup's settings, each in a GenSettingsField. | — |
| className | stringOn the popup, e.g. to widen it. | — |
Parts
| Prop | Type | Default |
|---|---|---|
| GenSettingsRoot | Popover.RootOpen state, e.g. open or defaultOpen. | — |
| GenSettingsTrigger | Popover.TriggerAn h-8 toolbar button. | — |
| GenSettingsContent | Popover.Popup & { side?, align? }The popup, inverted so it stands off the page without a shadow. | side="top" align="start" |
| GenSettingsField | div & { label: ReactNode }One labelled setting. | — |