"use client"; import { RotateCcwIcon } from "lucide-react"; import { useState } from "react"; import { Button } from "@/registry/default/ui/button"; import { Fieldset, FieldsetLegend } from "@/registry/default/ui/fieldset"; import { Label } from "@/registry/default/ui/label"; import { NumberField, NumberFieldGroup, NumberFieldInput, } from "@/registry/default/ui/number-field"; import { Slider } from "@/registry/default/ui/slider"; const min = -10; const max = 10; const defaultValues = { x: 0, y: 0, z: 0 }; const initialValues = { x: -2, y: 4, z: 2 }; export default function Particle() { const [values, setValues] = useState(initialValues); const updateValue = (axis: keyof typeof values, v: number | null) => { setValues((prev) => ({ ...prev, [axis]: v ?? 0 })); }; return (

Object position

{(["x", "y", "z"] as const).map((axis) => (

{axis.toUpperCase()} updateValue(axis, Array.isArray(v) ? v[0] : v) } value={values[axis]} /> updateValue(axis, v)} render={} size="sm" value={values[axis]} >

))}

); }

Slider 21

Instalação

Dependências

Registry dependencies