Temperature Control

Slider card with a sky-to-rose gradient track, a circular handle, and Focused to Creative end labels.

Temperature0.7

FocusedCreative

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Ai6 } from "@/components/beste/piece/ai6";

<Ai6
  value={0.7}
  label="Temperature"
  lowLabel="Focused"
  highLabel="Creative"
/>