Components
Parameters
A panel of sliders and a seed field for tuning generation parameters.
Prompt strengthMedium
57%
Style strengthHigh
78%
VariationLow
28%
Seed
Installation
npx shadcn@latest add https://ai-native-ui.com/r/parameters.jsonUsage
import { Parameters } from "@/components/ui/parameters";
<Parameters
sliders={[
{ id: "prompt", label: "Prompt strength", value: 57 },
{ id: "style", label: "Style strength", value: 78 },
]}
onChange={(values) => console.log(values)}
/>;Props
| Prop | Type | Description |
|---|---|---|
sliders | ParameterSlider[] | Slider config (id, label, value, optional hint). |
seed | number | Initial seed value. |
onChange | (values: Record<string, number>) => void | Fires on slider change. |
onSeedChange | (seed: number) => void | Fires when the seed changes. |