Steez UI
GitHubnpm

Cyberpunk Select

Select field with shared Steez framing and arrow treatment.

Components / Cyberpunk Select
Formsselectoptions

Select primitive with the shared Steez framing and arrow treatment.

Preview

Loading preview…

Usage

Select field with shared Steez framing and arrow treatment.

<CyberpunkSelect label="Model tier" value={tier} onChange={(event) => setTier(event.target.value)} options={[ { value: "fast", label: "Fast" }, { value: "balanced", label: "Balanced" }, ]} />

Files

components/steez/CyberpunkSelect.tsxcomponent
components/steez/CyberpunkSelect.module.cssstyle
components/hooks/useStableId.tsfile